巩固学习的vue

（3）快速搭建模板

scaffold + Tab

（4）nextTick

image.png

（5）关注点分离

关注点分离不等于文件类型分离。在现代 UI 开发中，我们已经发现相比于把代码库分离成三个大的层次并将其相互交织起来，把它们划分为松散耦合的组件再将其组合起来更合理一些。在一个组件里，其模板、逻辑和样式是内部耦合的，并且把他们搭配在一起实际上使得组件更加内聚且更可维护

（6）v-model与v-bind

image.png

（8）插槽

image.png

---

image.png

（9）

为自定义组件绑定原生事件需要加.native修饰符

（10）watch可以监听到某个对象中属性的变化，不会监听对象新增属性

• $parent 属性可以用来从一个子组件访问父组件的实例
• 一个计算属性可以依赖于另一个计算属性

image.png

（11）在同一个单文件组件中写相同的计算属性，钩子函数，后写的会覆盖先写的

---

（12）props赋值给data,然后data绑定v-if,改变props，并不会让v-if有效果

---

（13）

image.png

（14）子组件的updated不会触发父组件的updated