在Vue.js中,常用的标签有以下几种:1、<template>
,2、<script>
,3、<style>
。这些标签在Vue组件中起到不同的作用,它们分别用于定义模板、脚本和样式。接下来我们详细介绍这些标签的具体功能及其使用方法。
一、``标签
<template>
标签用于定义Vue组件的HTML模板。模板是Vue组件的核心部分,它描述了组件的结构和内容。模板可以包含普通的HTML标签,也可以包含Vue特有的指令和组件标签。
主要功能:
- 包含HTML结构
- 使用Vue指令和自定义组件
示例:
<template>
<div>
<h1>{{ message }}</h1>
<button @click="changeMessage">点击我</button>
</div>
</template>
解释:
在上面的示例中,<template>
标签内包含一个<div>
元素,里面有一个<h1>
标签和一个<button>
标签。通过Vue的插值语法{{ message }}
显示数据,并使用@click
指令绑定点击事件。