2019-06-10 vue文档复习

• 收获1：
  

  image.png
  在某些元素内部只有特殊的元素才有效，这种时候如果需要使用DOM模板（我简单化理解成自定义组件），就需要使用is=""

• 复习1：
  

  image.png
  当然vue是不建议这么使用的，然而之前学得太差了，还是这么用了，特地记录一下。首先v-for的优先级是比v-if高的，所以在同时使用在一个元素上的时候先执行v-for。如果需要先执行v-if那就放在外面的父元素上。

官方推荐的写法却不是这样的

image.png

在需要在循环中来处理过滤问题的时候，将列表先筛选好再渲染是更为稳妥的办法

• 复习2：
  

  image.png
  需要使用特殊变量$event

• 复习3：
  

  image.png
  修饰符
  image.png
  .passive表示告诉浏览器你不会阻止默认事件的发生，但是既然你不阻止，就不要再去打脸OK？
  image.png
  因为在v-model的时候是触发input事件，所以这个改变是相当频繁的，如果只是在change事件里面才改变，那么使用lazy的修饰符。