前端框架VUE.js文档传送门
一、导包
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scipt>
二、语法
var app = new Vue({
el:'#app',
data:{
message:'这里定义数据变量和值'
},
methods:{
//这里定义方法
}
})
三、指令
- v-text
设置标签文本值。两种写法:v-text="message"
或{{message}}
- v-html
设置html结构 - v-on
绑定事件。如点击事件v-on:click
,可简写成@click
按键事件@keyup.enter
回车键 - v-show
控制元素显示或隐藏 - v-if
控制是否有某元素 - v-bind
设置元素的属性。如v-bind:src
,可简写成:src
- v-for
循环某结构。item in arr
或(item,index) in arr
- v-model
数据双向绑定。获取和设置表单数据。