sdh19981202的博客

路由懒加载 ​ 懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时。 路由模式 hash模式原理：调用window.onhashchange方法hash值的切换 history模式原理：本质使用H5的histroy.pushState方法来更改url hash与

生命周期钩子函数 组件从创建到销毁的一系列过程叫做组件的声明周期。 vue在整个生命周期里面提供了一些函数，可以在内部实现一些业务逻辑， 并且这些函数会在一些特定的场合下去执行。（在生命周期的某一个时刻进行触发） 组件的生命周期大体可以分为三个阶段： 初始化、运行中、销毁 初始化阶段：beforeCreate created beforeMount （render） mounted 运行中阶段：beforeUpdate updated

虚拟dom 1.在内存中生成一个虚拟dom树 2.初始化渲染成真实dom（浏览器可见） 3.修改数据 4.将修改后的数据结合之前的dom树，生成新的虚拟dom树 5.将新的虚拟dom树和之前的虚拟dom树进行diff算法对比出最小差异 6.再去将对比后的差异进行真实dom渲染 prop验证 props的值可以是对象，在里面可以对父组件传过来的数据做出验证，如果验证失败，会抛出警告 如果子组件没有通过props来接收父组件传递的某个数据，该属性就会出现在子组件模板的最外层节点上面（组件

watch和computed 需求： 做一个值是num值的2倍的关系 methods： 1.{{num*2}} 可以实现这个功能效果 发现不方便进行管理 2.可以把多次重复的一些代码封装成一个函数进行调用 发现页面中如果使用了无关数据的话，当无关数据发生改变的时候，这个doubleNum方法也会被调用，重新计算结果 3.可以通过watch监听器来去实现效果。

数组的更新检测 Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括： push() 数组的后面插入元素 pop() 从数组的后面删除一个元素 shift() 从数组的前面删除一个元素 unshift() 从数组的前面插入一个元素 splice()

vue中的条件渲染 v-else-if 当有else分支逻辑的时候，可以给该元素加上v-else指令来控制，v-else会根据上面的那个v-if来控制，效果与v-if相反，注意，一定要紧挨着 还有v-else-if指令可以实现多分支逻辑 在元素上使用v-if条件渲染分组 根据表达式的值true或false在DOM中生成或者移除一个元素（或多个元素）。 有点类似JavaScript中的if条件判断。在Vue中除了v-if也有v-else-if和v-else之类； 在元素上使用v-show条件渲

学习vue的基本语法 mvc和mvvm的关系图解 mvc: M - Model ：数据保存 V - View : 用户界面 C - Controller ： 业务逻辑 MVC ，用户操作> View (负责接受用户的输入操作)>Controller（业务逻辑处理）>Model（数据持久化）>View（将结果通过View反馈给用户） MVC是最经典的开发模式之一，最早是后台那边来的，后台前端的复杂度也上来了，MVC的开发模式也带进前端了众所周知，MVC是开发客户端最经典的设计模