摘要：
vue-router实现路由懒加载 当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载. 阅读全文
posted @ 2020-08-12 22:59
大牛半路出家
阅读(3821)
评论(0)
推荐(0)
摘要：
vue-router的两种模式的区别 众所周知，vue-router有两种模式，hash模式和history模式，这里来谈谈两者的区别。 hash模式 hash模式背后的原理是onhashchange事件,可以在window对象上监听这个事件: 上面的代码可以通过改变hash来改变页面字体颜色，虽然 阅读全文
posted @ 2020-08-12 22:55
大牛半路出家
阅读(509)
评论(0)
推荐(0)
摘要：
https://blog.csdn.net/crazywoniu/article/details/80942642 阅读全文
posted @ 2020-08-12 22:54
大牛半路出家
阅读(293)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2020-08-12 22:53
大牛半路出家
阅读(261)
评论(0)
推荐(0)
摘要：
1 this.$router和this.$route的区别 vue router this.$router是VueRouter的实例方法，当导航到不同url，可以使用this.$router.push方法，这个方法则会向history里面添加一条记录，当点击浏览器回退按钮或者this.$router 阅读全文
posted @ 2020-08-12 22:50
大牛半路出家
阅读(759)
评论(0)
推荐(0)
摘要：
https://www.cnblogs.com/kzxiaotan/p/11676872.html看链接清楚些 问题一：vue-router有哪几种导航钩子（ 导航守卫 ）？ 1、全局守卫： router.beforeEach 2、全局解析守卫： router.beforeResolve 3、全局后 阅读全文
posted @ 2020-08-12 22:42
大牛半路出家
阅读(1204)
评论(0)
推荐(0)
摘要：
在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的params.id 例如 : this.$route.params.id 详解：https://blog.csdn.net/weixin_41399785/article/details/7938135 阅读全文
posted @ 2020-08-12 22:38
大牛半路出家
阅读(4217)
评论(0)
推荐(0)
摘要：
active-class属于Vue哪一个modules,有什么作用 active-class 属于vue-router的样式方法 当routerlink标签被点击时将会应用这个样式 使用有两种方法 routerLink标签内使用 <router-link to='/' active-class="a 阅读全文
posted @ 2020-08-12 22:34
大牛半路出家
阅读(1353)
评论(0)
推荐(0)
摘要：
Vue中的组件及路由使用 1.组件是什么 组件系统是 Vue 的一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。通常一个应用会以一棵嵌套的组件树的形式来组织； 1.1组件的声明及使用 全局组件 <body> <div id="app"> <!-- 用全局组件的名 阅读全文
posted @ 2020-08-12 22:33
大牛半路出家
阅读(732)
评论(0)
推荐(0)
摘要：
<router-link :to='' class='active-class'> //路由声明式跳转 ，active-class是标签被点击时的样式 <router-view> //渲染路由的容器 <keep-alive> //缓存组件 阅读全文
posted @ 2020-08-12 22:31
大牛半路出家
阅读(1709)
评论(0)
推荐(1)
摘要：
前端页面中使用MVVM的思想，即MVVM是整个视图层view的概念，属于视图层的概念。 MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。 模型指的是后端传递的数据。 视图指的是所看到的页面。 视图模型是mvvm模式的核心，它是连接view和model的桥梁。 它有两 阅读全文
posted @ 2020-08-12 22:25
大牛半路出家
阅读(2620)
评论(0)
推荐(0)
摘要：
什么是vue的生命周期 https://blog.csdn.net/xqainyo/article/details/105238338?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~ 阅读全文
posted @ 2020-08-12 22:22
大牛半路出家
阅读(260)
评论(0)
推荐(0)
摘要：
Vue生命周期四个阶段 https://www.cnblogs.com/qinglaoshi/p/13276296.html 什么是生命周期： 从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 生命周期钩子：就是生命周期事件的别名而已； 生命周期钩子 = 生命 阅读全文
posted @ 2020-08-12 22:17
大牛半路出家
阅读(283)
评论(0)
推荐(0)
摘要：
https://www.w3school.com.cn/js/js_array_methods.asp JavaScript 数组的力量隐藏在数组方法中。 把数组转换为字符串 JavaScript 方法 toString() 把数组转换为数组值（逗号分隔）的字符串。 实例 var fruits = 阅读全文
posted @ 2020-08-12 22:00
大牛半路出家
阅读(236)
评论(0)
推荐(0)
摘要：
//ES6交换两个变量的值let a=5;let b=3;[a,b]=[b,a] 阅读全文
posted @ 2020-08-12 21:57
大牛半路出家
阅读(2110)
评论(0)
推荐(0)
摘要：
https://blog.csdn.net/weixin_45561258/article/details/107243689 一、forEach()循环数组 //ES5 var arr = [1,2,3,4,5]; for(var i=0;i<arr.length;i++){ console.lo 阅读全文
posted @ 2020-08-12 21:56
大牛半路出家
阅读(478)
评论(0)
推荐(0)
摘要：
1、JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。如果不存在返回-1，如果存在返回字符串的位置。ES6 又提供了三种新方法。 includes()：返回布尔值，表示是否找到了参数字符串。 startsWith()：返回布尔值，表示参数字符串是否在原字符 阅读全文
posted @ 2020-08-12 21:54
大牛半路出家
阅读(250)
评论(0)
推荐(0)
摘要：
展开运算符是ES6的特性，使用场景有以下： 一、函数调用中使用展开运算符 也就是三个点... function test(a, b, c){} let args = [0, 1, 2]; test(...args); 我们使用...展开运算符就把0，1，2分别传给了test()的参数a,b,c。 二 阅读全文
posted @ 2020-08-12 21:51
大牛半路出家
阅读(477)
评论(0)
推荐(0)
摘要：
学习set set是ES6中的新增的数据结构，是一种构造函数，类似于数组，但是里面的元素都是唯一的，不重复的。 例如： const set = new Set(); [1,2,3,4,5,2,1,2,1,2].forEach( x => set.add(x) ); for(let i of set) 阅读全文
posted @ 2020-08-12 21:44
大牛半路出家
阅读(390)
评论(0)
推荐(0)
摘要：
https://www.cnblogs.com/xiaohuochai/p/7243166.html ES6解构赋值 前面的话 我们经常定义许多对象和数组，然后有组织地从中提取相关的信息片段。在ES6中添加了可以简化这种任务的新特性：解构。解构是一种打破数据结构，将其拆分为更小部分的过程。本文将详细 阅读全文
posted @ 2020-08-12 21:30
大牛半路出家
阅读(279)
评论(0)
推荐(0)
浙公网安备 33010602011771号