Vue入门

 CDN引入vue

vue常用指令

v-for 循环渲染

语法：v-for="(item,index) in items"

items：遍历的数组

item：遍历出来的元素

index：索引下标

v-bind  动态绑定

作用：为空间动态绑定属性值，href，css，etc

语法：v-bind:属性名=“属性值”

简化：:属性名=“属性值”

 v-if    v-show　　　　控制元素显示隐藏

原理不同：v-if  条件判断是否创建 / 移除，

v-show创建后条件判断是否显示 / 隐藏

v-on 　　为标签绑定事件

 等效于@click

<button v-on:click="money">钱</button>
<button @click="love">爱</button>

methods: {
   money:function(){
        alert("money+100")
   },
   love:function(){
        alert("爱你1万年")
   }
},

v-model    完成表单数据的双向绑定