1、简介
vue.js简单小巧(17kb),渐进式(不必一开始会所有内容,可阶段性使用)
2、MVVM(Model-View-ViewModel)
View与ViewModel之间双向绑定,vue通过MVVM拆分视图和数据
3、实例
<div id="app"></div>
<script>
var app = new Vue({
el= "#app", //必不可少
....
})
</script>
4、生命周期
- beforeCreate
- created(实例创建后)
- beforeMount
- mounted(el挂载到实例后,第一个业务逻辑在这开始)
- beforeUpdate
- updated
- beforeDestroy(销毁前,主要解绑一些事件)
- destroyed
5、
如果将用户产生的内容使用v-html输出后,有可能导致XSS攻击,所以要在服务端对用户提交的内容进行处理,一般可将尖括号“<>”转义。
6、过滤器
- 串联
{{ message | filterA | filterB}} - 接收参数
{{ message | filterA( ‘arg1’ , ‘arg2’ ) }}
过滤器应当用于处理简单的文本转换,复杂的应使用计算属性。
7、
数据驱动DOM,除非不得已,不直接操作DOM。