路由
路由 1. 前端路由的概念与原理 1.1 什么是路由？ 路由（router)：对应关系。 1.2 什么是前端路由？ Hash地址与组件之间的对应关系。 1.3 SPA与前端路由 SPA：single page application单页面应用，一个web网站只有唯一的HTML页面，所有组件的展示与切换都在这一个唯一的页面上进行。 所以：不同组件之间的切换需要通过前端路由来实现。 1.4
自定义指令
自定义指令 1. 什么是自定义指令？ Vue官方提供了v-text, v-for, v-if, v-bind, v-slot等常用的指令。 除此以外，Vue还允许开发者自定义指令。 在Vue中，自定义指令分为两类： 私有自定义指令（在组件内部） 全局自定义指令 2. 私有自定义指令 在每个vue组件中，可以在directives节点下声明私有自定义指令。 2.1 钩子函数bind bi
插槽
插槽 1. 插槽的定义 插槽：Vue为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。 【理解】：组件封装期间为用户预留的内容占位符。 2. slot标签的使用 之前我们使用组件时，在标签中间没有任何内容，比如< Left>< /Left>，如果在封装Left组件时预留了插槽slot，则可以在标签中加内容！ 如果
动态组件
Vue中的动态组件 1. 什么是动态组件 动态组件：动态切换组件的显示与隐藏 使用场景：需要的组件不确定时，就可以使用动态组件的方式生成，例如接收到文本数据就生成文本组件，接收到图片数据就生成图片组件。 2. 动态组件的渲染 vue提供了一个内置的< component >组件，通过is属性动态指定想要渲染的组件。 可以把< component >组件看作占位符！
ref引用
Vue中的ref引用 Vue中一个很大的优势就是不用操作DOM，只需要把数据维护好，但是如果想要在vue中拿到页面中某个DOM元素或者组件的引用就需要使用ref引用。 1. $refs 所以$开头的都是vue内置成员。 在每个vue的组件实例上，都包含一个$refs对象，里面存储着对应的DOM元素或者组件的引用，默认组件的$refs指向一个空对象。 2. 使用ref引用DOM元素 为DOM
组件间的数据共享
组件间的数据共享 1. 父子组件间的数据共享 1.1 父组件向子组件：使用自定义属性 核心思想：在父组件中通过自定义属性和v-bind传递，在子组件中用props接收并使用 1.2 子组件向父组件：使用自定义事件 核心思想：在子组件中通过$emit(事件名称，参数)来触发这个自定义事件 2. 兄弟组件间的数据共享:通过EventBus 兄弟组件之间的数据共享方案是EventBus，
生命周期
组件的生命周期 1. 生命周期定义 生命周期Life Circle: 是指一个组件从创建、运行、销毁的整个过程。强调一个时间段！ 2. 生命周期函数 生命周期函数是vue框架提供的内置函数，伴随组件的生命周期自动按次序执行。 这些叫做生命周期钩子的函数，可以给用户在不同阶段添加代码的机会。 钩子名固定，与data和methods属于平级的关系 2.1 vue2.x生命周期函数 bef
vue组件
1. 组件化开发 根据封装的思想，把页面上可复用的UI结构封装为组件，从而方便开发和维护。 2. Vue中的组件化开发 Vue.js是一个支持组件化开发的前端框架，规定组件的后缀名为.vue 3. Vue组件的组成部分 注意：按下面的顺序！！！ template：组件的模板结构（UI结构） vue2.x中template节点内的DOM结构仅支持单个根节点 vue3.x中支持多个根节点，就可