vuejs - (v-for、v-model、$event)- 第一篇

       系统学习vuejs中的生命周期、循环性能、自定义组件思想、vue-cli、vue-loader(*.vue)、vue-devtools、slot等用法后深受喜欢,于是准备重头开始做一下笔记加深印象,如果你无意中看到此文,希望看完后对你有所帮助, api用法不在赘述过多。

1、vue.js(1.0.26) ->  mvvm框架 、小巧、精简 -> 适合移动端项目 -> 不兼容ie

2、官网地址:http://cn.vuejs.org

3、基本雏形   

                  el:挂载元素 -> 可以是class、id、body 等选择器....... (onload之后)

                  data:可以是number、string、 布尔类型、数组(v-for遍历)、 json 等数据类型.......

vuejs - (v-for、v-model、$event)- 第一篇_第1张图片

4、常用指令(拓展HTML标签功能属性)

        4-1、 v-model='msg' --->  双向数据绑定

        4-2、  v-for='value in arr/json' --->循环

               4-2-1、循环数组  -->(自带$index)


vuejs - (v-for、v-model、$event)- 第一篇_第2张图片

               4-2-2、循环json数据 -->(自带$index、$key)

vuejs - (v-for、v-model、$event)- 第一篇_第3张图片

5、事件对象     @:event.prevent/stop/.......='Fn($event)'

          5-1、阻止冒泡(@click.stop = 'fn()'/或者是在fn方法里面写上                   cancleBubble = true)

          5-2、取消默认行为(ev.preventDefault/@click.prevent=                             'fn($event)')

           5-3、ev.keyCode获取键盘的键值  @keyup.left/top/......

你可能感兴趣的:(vuejs - (v-for、v-model、$event)- 第一篇)