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 内容不受作用域内的样式影响,但是你仍然可以通过深度作用选择器来为他们设置样式。