我们知道，一个组件可能会被多处引用，那么如果直接使用对象形式，可以预想到所有引用此组件的实例，在对这个组件data中数据进行修改时，会影响到其他引用此组件的数据一起修改，造成数据混乱错误. 因此将其设置为一个方法返回的对象，避免了所有引用此组件的实例共享同一个data对象. ———————————— Read More
posted @ 2021-09-21 21:41
TwinkleG
Views(1539)
Comments(0)
Diggs(0)
当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效。 const Foo = () => import('./Foo.vue') const router = new VueRo Read More
posted @ 2021-09-20 16:52
TwinkleG
Views(37)
Comments(0)
Diggs(0)
这个知识点比较容易理解，没有什么好讲的，直接看官网也可以. 官网没有讲解其具体用途，比如说跳转到一个页面后，这个页面在浏览器顶栏显示的标题 title，可以记录在 meta 中，利用beforeEach导航守卫，每次路由跳转到一个页面，都执行： document.title = to.matched Read More
posted @ 2021-09-20 16:46
TwinkleG
Views(75)
Comments(0)
Diggs(0)
1. vue-router的导航守卫，简单来说就是在一个路由地址跳转到另一个路由地址的过程中，会触发的一些钩子函数，类似于Vue生命周期钩子函数，页面加载执行到某个阶段，就会去执行某个导航守卫. 2. 如果说个人的理解不太清晰的话，可以参考官方文档：https://router.vuejs.org/ Read More
posted @ 2021-09-20 16:39
TwinkleG
Views(438)
Comments(0)
Diggs(0)
js中==和 区别 【转载，见文末】 简单来说： == 代表相同， 代表严格相同, 为啥这么说呢， 这么理解： 当进行双等号比较时候： 先检查两个操作数数据类型，如果相同， 则进行 比较， 如果不同， 则愿意为你进行一次类型转换， 转换成相同类型后再进行比较， 而 比较时， 如果类型不同，直接就是f Read More
posted @ 2021-09-18 21:48
TwinkleG
Views(484)
Comments(0)
Diggs(0)
1. Object.assign可以实现对象的合并，或者说把src对象的可枚举属性添加到dest对象上，返回dest对象. 实际上是调用src的getter以及dest的setter函数实现的. 2. Object.assign(dest, ...srcs) src参数可以有一个，也可以有多个，如果 Read More
posted @ 2021-09-18 21:17
TwinkleG
Views(92)
Comments(0)
Diggs(0)
https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%85%A8%E5%B1%80%E5%89%8D%E7%BD%AE%E5%AE%88%E5%8D%AB 更新一下个人最新理解：https://www.cnblog Read More
posted @ 2021-09-18 19:45
TwinkleG
Views(41)
Comments(0)
Diggs(0)
1. vue-router的基本使用过程： 【1】在vue CLI + webpack项目目录中，创建一个vue-router文件夹，在此文件夹下创建index.js，用来配置vue-router 【2】index.js中：(1) 导入组件 const Home = () => import('.. Read More
posted @ 2021-09-17 19:28
TwinkleG
Views(63)
Comments(0)
Diggs(0)
1. 防抖：简单来说即当一个事件我们不希望其频繁被触发，可以使用防抖. 原理是当一个事件被触发后，如果在未被执行前【处于setTimeout的delay阶段】再次触发该事件，则事件重新计时. function debounce(func, delay) { let timer = undefined Read More
posted @ 2021-09-15 20:58
TwinkleG
Views(109)
Comments(0)
Diggs(0)
1. 构建虚拟DOM，参考资料：https://juejin.cn/post/6844903806132568072#heading-2【仅做为个人学习笔记，如有侵权，请联系本人】 type: 指定元素的标签类型，如'li', 'div', 'a'等 props: 表示指定元素身上的属性，如clas Read More
posted @ 2021-09-14 20:50
TwinkleG
Views(44)
Comments(0)
Diggs(0)
浙公网安备 33010602011771号