CC__xy的博客

组件通信1. 父组件通过props将数据传递给子组件2. 子组件利用$emit通知父组件修改更新。v-model原理，$event,单项数据流，props数据校验，事件总线，provide & inject，vuex

路由和VueRouter 的使用（5个基础+2个核心步骤）路由重定向redirect，路由404，路由模式hash 和 history，声明式导航：router-link替换a标签做跳转，查询参数传参，动态路由参数传参（？可选参数），编程式导航：路径跳转，命名跳转，组件缓存 keep-alive以及触发的两个生命周期钩子activated和deactivated，生命周期都有完整面试题，返回$router.back（）

自定义指令的全局注册和局部注册，指令的值，例：加载中的v-loading指令封装，插槽，默认插槽＋具名插槽，作用域插槽

案例：商品分类：一、表头分类组件,1，input修改数据 和 文字互斥2，双击显示input+自动获焦和失焦，3，input数据回显，4 : 用户输入后回车，新内容渲染到页面→数据同步。二、My-Table整体一个组件、插槽

生命周期（四阶段，八个钩子函数）生命周期案例，小黑记账本（基本渲染，添加功能，删除功能，饼图渲染echarts）工程化开发 :脚手架使用步骤vue create 项目名，项目运行流程，组件化开发，vue根组件，组件注册使用（局部注册组件，全局注册组件）

（@keyup.enter按键）v-model.trim /.number 去除首尾空格 ,转数字,@事件名.stop 阻止冒泡 .prevent 阻止默认行为，动态操作class/style,computed 计算属性,watch 侦听器,

Vue 概念 ，创建实例 步骤，插值表达式 {{ }} 响应式特性 ，Vue 指令：v-html / v-show / v-if / v-else / v-on注册事件 / v-bind动态的设置html的标签属性 / v-for循环，key / v-model双向数据绑定。例：小黑记事本