系统学习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 等数据类型.......

4、常用指令(拓展HTML标签功能属性)
4-1、 v-model='msg' ---> 双向数据绑定
4-2、 v-for='value in arr/json' --->循环
4-2-1、循环数组 -->(自带$index)

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

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/......
网友评论