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是单向数据流,如果想对此进行处理,需要定义一个局部变量。