![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
孙德海
阿里梦
展开
-
路由懒加载 路由模式 路由守卫
路由懒加载 懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,而运用懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时。路由模式hash模式原理:调用window.onhashchange方法hash值的切换history模式原理:本质使用H5的histroy.pushState方法来更改urlhash与原创 2020-10-16 17:05:25 · 203 阅读 · 0 评论 -
vue生命周期钩子函数 面试必问 组件初始化、运行中、销毁......
生命周期钩子函数组件从创建到销毁的一系列过程叫做组件的声明周期。vue在整个生命周期里面提供了一些函数,可以在内部实现一些业务逻辑,并且这些函数会在一些特定的场合下去执行。(在生命周期的某一个时刻进行触发) 组件的生命周期大体可以分为三个阶段: 初始化、运行中、销毁 初始化阶段:beforeCreate created beforeMount (render) mounted 运行中阶段:beforeUpdate updated原创 2020-10-13 20:52:07 · 1921 阅读 · 0 评论 -
虚拟dom怎么理解?and prop验证
虚拟dom1.在内存中生成一个虚拟dom树2.初始化渲染成真实dom(浏览器可见)3.修改数据4.将修改后的数据结合之前的dom树,生成新的虚拟dom树5.将新的虚拟dom树和之前的虚拟dom树进行diff算法对比出最小差异6.再去将对比后的差异进行真实dom渲染prop验证props的值可以是对象,在里面可以对父组件传过来的数据做出验证,如果验证失败,会抛出警告如果子组件没有通过props来接收父组件传递的某个数据,该属性就会出现在子组件模板的最外层节点上面(组件原创 2020-10-13 20:48:29 · 132 阅读 · 0 评论 -
计算属性computed的使用,watch?
watch和computed需求: 做一个值是num值的2倍的关系methods: 1.{{num*2}} 可以实现这个功能效果 发现不方便进行管理 2.可以把多次重复的一些代码封装成一个函数进行调用 发现页面中如果使用了无关数据的话,当无关数据发生改变的时候,这个doubleNum方法也会被调用,重新计算结果 3.可以通过watch监听器来去实现效果。原创 2020-10-08 22:49:24 · 117 阅读 · 0 评论 -
数组的更新检测
数组的更新检测Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括: push() 数组的后面插入元素 pop() 从数组的后面删除一个元素 shift() 从数组的前面删除一个元素 unshift() 从数组的前面插入一个元素 splice()原创 2020-10-07 14:09:22 · 205 阅读 · 0 评论 -
vue中的指令v-for循环遍历、v-if条件判断v-show,v-on事件监听、事件修饰符
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条件渲原创 2020-10-03 21:02:07 · 4453 阅读 · 0 评论 -
一、mvc模式和mvvm模式
学习vue的基本语法mvc和mvvm的关系图解mvc:M - Model :数据保存V - View : 用户界面C - Controller : 业务逻辑MVC ,用户操作> View (负责接受用户的输入操作)>Controller(业务逻辑处理)>Model(数据持久化)>View(将结果通过View反馈给用户)MVC是最经典的开发模式之一,最早是后台那边来的,后台前端的复杂度也上来了,MVC的开发模式也带进前端了众所周知,MVC是开发客户端最经典的设计模原创 2020-10-03 13:02:08 · 245 阅读 · 0 评论