v-model 一般用在表单元素上(input) 双向数据绑定
循环
v-for 使用 v-for="value in arr" value 为当前使用值得依赖 arr
为数据源
v-for="(k,v) in arr" 此时的arr为json k为key v 为 value
事件
v-on:click(mouseover/mouseout/dblclick.......） 绑定事件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <script src="https://unpkg.com/vue/dist/vue.js"></script> <style type="text/css"> .class1{ background-color: red; } </style> <body> <div id="vue_det"> <input type="button" value="提交" v-on:click="add" > <ul> <li v-for="value in arr">{{value}}</li> </ul> </div> </body> <script type="text/javascript"> var vm = new Vue({ el: '#vue_det', data: { arr:["1","2","3"], msg:"合理礼物" }, methods:{ add:function(){ this.arr.push("4"); } } }) </script> </html>
2019-02-14 Vue.js 常用指令
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容，还有我对于 Vue 1.0 印象不深的内容。关于...
