vue

vue的

v-on:click: 简写@click

v-bind:title 简写:title    属性绑定

v-model双向绑定

v-html  <p>11</p>解析11

v-text 转义<p>11</p>解析<p>11</p>

  v-if="show"

v-show="show"    v-show是给dom元素 display:none

v-for="item in items" 或v-for="item of items"     {{item}}   

v-for="(item,index) of items" :key="index"

 

data:{
show:true,
items:[1,2,3]
},

 

 

实例里有：

data

methods:方法

computed

watch

 

计算属性和监听器

<div>
姓<input v-model="firstName">
名<input v-model="lastName">
<div>{{fullName}}</div>
<div>{{count}}</div>
</div>

new Vue({
el:'#app',
data:{
firstName:'',
lastName:'',
count:0
},
computed:{
fullName: function(){
return '姓名'+this.firstName+this.lastName
}
},
watch:{
fullName:function(){
this.count ++
}
}
// computed 一个属性根据其它的数据项计算出来的结果
//watch是会监测某一个数据或计算属性发生变化，一旦发生变化

})