摘要：
vue-router实现路由懒加载 当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载. 阅读全文
posted @ 2020-08-12 22:59
大牛半路出家
阅读(3823)
评论(0)
推荐(0)
摘要：
vue-router的两种模式的区别 众所周知，vue-router有两种模式，hash模式和history模式，这里来谈谈两者的区别。 hash模式 hash模式背后的原理是onhashchange事件,可以在window对象上监听这个事件: 上面的代码可以通过改变hash来改变页面字体颜色，虽然 阅读全文
posted @ 2020-08-12 22:55
大牛半路出家
阅读(513)
评论(0)
推荐(0)
摘要：
https://blog.csdn.net/crazywoniu/article/details/80942642 阅读全文
posted @ 2020-08-12 22:54
大牛半路出家
阅读(294)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2020-08-12 22:53
大牛半路出家
阅读(262)
评论(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
大牛半路出家
阅读(1208)
评论(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
大牛半路出家
阅读(4223)
评论(0)
推荐(0)
摘要：
active-class属于Vue哪一个modules,有什么作用 active-class 属于vue-router的样式方法 当routerlink标签被点击时将会应用这个样式 使用有两种方法 routerLink标签内使用 <router-link to='/' active-class="a 阅读全文
posted @ 2020-08-12 22:34
大牛半路出家
阅读(1354)
评论(0)
推荐(0)
摘要：
Vue中的组件及路由使用 1.组件是什么 组件系统是 Vue 的一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。通常一个应用会以一棵嵌套的组件树的形式来组织； 1.1组件的声明及使用 全局组件 <body> <div id="app"> <!-- 用全局组件的名 阅读全文
posted @ 2020-08-12 22:33
大牛半路出家
阅读(733)
评论(0)
推荐(0)
摘要：
<router-link :to='' class='active-class'> //路由声明式跳转 ，active-class是标签被点击时的样式 <router-view> //渲染路由的容器 <keep-alive> //缓存组件 阅读全文
posted @ 2020-08-12 22:31
大牛半路出家
阅读(1710)
评论(0)
推荐(1)
摘要：
前端页面中使用MVVM的思想，即MVVM是整个视图层view的概念，属于视图层的概念。 MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。 模型指的是后端传递的数据。 视图指的是所看到的页面。 视图模型是mvvm模式的核心，它是连接view和model的桥梁。 它有两 阅读全文
posted @ 2020-08-12 22:25
大牛半路出家
阅读(2625)
评论(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
大牛半路出家
阅读(262)
评论(0)
推荐(0)
摘要：
Vue生命周期四个阶段 https://www.cnblogs.com/qinglaoshi/p/13276296.html 什么是生命周期： 从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 生命周期钩子：就是生命周期事件的别名而已； 生命周期钩子 = 生命 阅读全文
posted @ 2020-08-12 22:17
大牛半路出家
阅读(285)
评论(0)
推荐(0)
摘要：
https://www.w3school.com.cn/js/js_array_methods.asp JavaScript 数组的力量隐藏在数组方法中。 把数组转换为字符串 JavaScript 方法 toString() 把数组转换为数组值（逗号分隔）的字符串。 实例 var fruits = 阅读全文
posted @ 2020-08-12 22:00
大牛半路出家
阅读(239)
评论(0)
推荐(0)
摘要：
//ES6交换两个变量的值let a=5;let b=3;[a,b]=[b,a] 阅读全文
posted @ 2020-08-12 21:57
大牛半路出家
阅读(2111)
评论(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
大牛半路出家
阅读(479)
评论(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
大牛半路出家
阅读(478)
评论(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
大牛半路出家
阅读(391)
评论(0)
推荐(0)
摘要：
https://www.cnblogs.com/xiaohuochai/p/7243166.html ES6解构赋值 前面的话 我们经常定义许多对象和数组，然后有组织地从中提取相关的信息片段。在ES6中添加了可以简化这种任务的新特性：解构。解构是一种打破数据结构，将其拆分为更小部分的过程。本文将详细 阅读全文
posted @ 2020-08-12 21:30
大牛半路出家
阅读(281)
评论(0)
推荐(0)
摘要：
概述 是异步编程的一种解决方案。 从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。 Promise 状态 状态的特点 Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除了异步操作的结果，任何其他操作都无法改 阅读全文
posted @ 2020-08-12 21:21
大牛半路出家
阅读(361)
评论(0)
推荐(0)
摘要：
JS ES6中export和import详解 1.Export 模块是独立的文件，该文件内部的所有的变量外部都无法获取。如果希望获取某个变量，必须通过export输出， // profile.js export var firstName = 'Michael'; export var lastNa 阅读全文
posted @ 2020-08-12 21:17
大牛半路出家
阅读(846)
评论(0)
推荐(0)
摘要：
https://zhuanlan.zhihu.com/p/23812134?utm_source=tuicool&utm_medium=referral 阅读全文
posted @ 2020-08-12 21:15
大牛半路出家
阅读(259)
评论(0)
推荐(0)
摘要：
https://www.jianshu.com/p/9e2a78a35b04 主要的用途是用来合并多个JavaScript的对象。 Object.assign()接口可以接收多个参数，第一个参数是目标对象，后面的都是源对象，assign方法将多个原对象的属性和方法都合并到了目标对象上面，如果在这个过 阅读全文
posted @ 2020-08-12 20:39
大牛半路出家
阅读(1137)
评论(0)
推荐(1)
摘要：
阅读全文
posted @ 2020-08-12 20:18
大牛半路出家
阅读(537)
评论(0)
推荐(0)
摘要：
ES6新特性（函数默认参数，箭头函数） 1、函数参数的默认值 ES6则直接在参数定义里面设置函数参数的默认值，而且不用担心传入参数是0或者false会出错了： 2、箭头函数 箭头函数用 => 符号来定义。 箭头函数相当于匿名函数，所以采用函数表达式的写法。 左边是传入函数的参数，右边是函数中执行的语 阅读全文
posted @ 2020-08-12 20:15
大牛半路出家
阅读(419)
评论(0)
推荐(0)
摘要：
优点：https://blog.csdn.net/lannieZ/article/details/102680362 1、可以解析变量 var name = `张三` var sayHello = `Hello，我的名字叫${name}` console.log(sayHello) // Hello 阅读全文
posted @ 2020-08-12 20:09
大牛半路出家
阅读(1783)
评论(0)
推荐(0)
摘要：
详细解读：https://www.cnblogs.com/yxqd/p/10365072.html 小结 ES5中，使用var定义变量，变量的作用域有两种：全局作用域、函数作用域 var定义变量存在变量提升，此外，先提升函数，后提升变量 ES6中新增了let关键字的同时，也新增了const关键字。l 阅读全文
posted @ 2020-08-12 20:07
大牛半路出家
阅读(268)
评论(0)
推荐(1)
浙公网安备 33010602011771号