巩固学习的vue

查看vue版本 vue --version

（3）快速搭建模板

scaffold + Tab

（4）nextTick

image.png

（5）关注点分离

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

（6）v-model与v-bind

image.png

（7）使用2.x版本的vue-cli

全局安装的时候加版本号
cnpm i vue-cli@2.9.6 -g

（8）插槽

image.png

---

image.png

（9）

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