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 完成表单数据的双向绑定
标签:index,Vue,入门,show,money,绑定,item,属性 From: https://www.cnblogs.com/jiajianchengchu/p/18005033