摘要：
<template> <div class="chinaecharts"> <div id="mapChart" ref="mapChart" ></div> </div> </template> <script> export default { name: 'ChinaEcharts', met 阅读全文
摘要：
一、promise函数是干什么的 promise函数是解决异步编程调用代码逻辑编写过于复杂的问题的，当网络请求非常复杂时，就会出现回调地狱，这样如果将这些代码写在一起就会看起来很复杂，且不利于阅读，如果用promise的话就会让代码看起来更加美观优雅 二、Promise三种状态 首先, 当我们开发中 阅读全文
摘要：
一、params的类型: 配置路由格式: /router/:id 传递的方式: 在path后面跟上对应的值 传递后形成的路径: /router/123, /router/abc 通过:to字符串拼接的形式传给目标页面 通过$route的方式拿到参数 二、query的类型 配置路由格式: /route 阅读全文
摘要：
嵌套路由是一个很常见的功能 比如在home页面中, 我们希望通过/home/news和/home/message访问一些内容. 一个路径映射一个组件, 访问这两个路径也会分别渲染两个组件. 一、路径和组件的关系如下: 二、实现嵌套路由有两个步骤: 创建对应的子组件, 并且在路由映射中配置对应的子路由 阅读全文
摘要：
像vue这种单页应用，不做懒加载就会把所有资源打包成一个文件，当项目越做越大时打包出来的文件也越大。造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力， 阅读全文
摘要：
一、采用防抖和节流的必要性 在单位时间内，有些事件的触发频率会很高，比如scroll、resize、refresh、input框实时输入校验，这些情况会导致服务器请求跟不上，浏览器页面出现卡顿现象，同时给服务器造成负担，此时采用debounce（防抖）和throttle（节流）减少单位时间内的服务器 阅读全文
摘要：
beforeCreate( 创建前 ) 在实例初始化之后，数据观测和事件配置之前被调用，此时组件的选项对象还未创建，el 和 data 并未初始化，因此无法访问methods， data， computed等上的方法和数据。 created ( 创建后 ） 实例已经创建完成之后被调用，在这一步，实例 阅读全文
摘要：
我们知道，vue函数的渲染其实是由render函数的回调函数createElement 来创建的虚拟dom，那么它到底是怎么创建组件的？ 尚未理解透彻[捂脸]，有待补充，参考如下： https://www.jianshu.com/p/709fc34e27b9 https://blog.csdn.ne 阅读全文
摘要：
一、选择Runtime-Compiler和Runtime-only不同模式的时候main.js文件的区别 二.vue程序运行过程 1.解析： 第一步，当把vue模板template传给Vue实例的时候，vue内部会保存在options里面，第二部，进行解析，解析成ast（抽象语法树），第三步会进行编 阅读全文
摘要：
一、定义函数的方式 //1.function const aaa = function () { } //2.对象字面量中定义函数 const obj = { bbb() { } } //3.ES6中的箭头函数 const ccc = (参数) => { } 二、箭头函数的参数和返回值 1、参数问题 阅读全文