vue学习随笔-

1、css与style的对象绑定与数组绑定

2、v-if的key语法

3、v-for遍历对象的三个参数   value key index

4、v-for的key就地服用原则     <div v-for="item in items" :key="item.id">

5、v-for 的优先级比 v-if 更高

6、单选框的value，多选框的true-value与false-value

7、表单v-modal绑定修饰符  .lazy .number .trim

8、父子组件之间通信v-bind=obj传递信息的方法

9、v-model绑定表单组件时，model对象的使用

10、作用域插槽：父组件定义一个临时变量（类型为对象），以子组件的slot插槽绑定的属性为这个临时变量的属性，用于填充父组件的内容

11、

如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>> 操作符：

<style scoped>
.a >>> .b { /* ... */ }
</style>

上述代码将会编译成：

.a[data-v-f3f3eg9] .b { /* ... */ }

有些像 SASS 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 操作符取而代之——这是一个 >>>的别名，同样可以正常工作。

通过 v-html 创建的 DOM 内容不受作用域内的样式影响，但是你仍然可以通过深度作用选择器来为他们设置样式。