Vue.js 主要有以下几种标签：1、<template>、2、<script>、3、<style>。
一、`` 标签
<template> 标签是 Vue 组件的核心部分，它定义了组件的结构和布局。这个标签内的内容会被渲染到页面上。
- 静态内容：可以在
<template>标签内放置静态 HTML 标签和内容。 - 动态内容：使用 Vue 的模板语法（如双大括号
{{}}、指令v-if、v-for等）来绑定数据和控制渲染。 - 组件嵌套：可以在
<template>内嵌套其他自定义组件，实现组件的复用和组合。
示例：
<template>
<div>
<h1>{{ title }}</h1>
<p v-if="isVisible">This is a paragraph.</p>
<ul>
<li v-for="item in items" :key="item.id">{{ item.name }}</li>
</ul>
</div>
</template>
解释：
{{ title }}：双大括号绑定，动态显示title数据。v-if="isVisible"：条件渲染，isVisible为真时显示段落。v-for="item in items"：列表渲染，循环显示items数组中的每一项。