vue文档重读有感

vue 官方文档，每次读都有不一样的感受。项目已经做过一个了，遇到了不少问题，下面总结下这次看到的注意点：

一、指令方面

1、 v-once  一次性绑定，只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过；

2、 v-html html代码块的解析，对资讯类的网站特别重要，不过会有一定的风险，比如XSS攻击；

3、 :class 不需要三目表达式，如果后面直接是true  或者false的话；

4、 v-if 不占位，随机切换，很少改变的时候使用；v-show占位，切换频繁的时候使用；

5、v-for  对象，数组都可以，其中的key值，是为了防止高度复用，2,2版本以后组件中就必须使用key值了；  object.key() 遍历对象，返回的是key 值得数组；

二、vue中的修饰符

1、vue中的事件修饰符；

2、vue中的按键修饰符，主要是一些键盘事件；

3、vue中的复选框，绑定的数组，在开发文档中都有相应的demo；

4、trim  自动过滤用户输入的首尾空白符，

<input  v-model.trim = "msg">

5、vue中自定义组件的插入有一定的限制

比如：‘ <div class="am-u-sm-12"><form class="am-form am-form-horizontal">.......</form></div> ’     字符串模板

需要加入：

<script  type="text/x-template">

6、对于父组件传过来prop，prop是单向数据流，如果想对此进行处理，需要定义一个局部变量。