摘要：
前言 每一个 Vuex 应用的核心就是 store（仓库）。store基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同： Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那 阅读全文
摘要：
Vuex是做什么的？ 官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new wi 阅读全文
摘要：
1. Promise的含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是 阅读全文
摘要：
生命周期函数 生命周期函数代表的是Vue实例，或者是Vue组件，在网页中各个生命阶段所执行的函数。生命周期函数可以分为创建阶段和运行期间以及销毁期间。 其中创建期间的函数有beforeCreate、created、beforeMount、mounted； 运行期间的函数有beforeUpdate、u 阅读全文
摘要：
嵌套路由 有时候在路由中，主要的部分是相同的，但是下面可能是不同的。比如访问首页，里面有新闻类的/home/news，还有信息类的/home/message。这时候就需要使用到嵌套路由。项目结构如下： 我们创建了3个组件，分别是Home.vue，HomeNews.vue，HomeMessage.vu 阅读全文
摘要：
什么是路由懒加载 官方的解释： 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。 如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 官方想表达的意思 首先，我们知道路由中通常会定义很多不同的页面 这个页面最后会被打包到哪 阅读全文
摘要：
介绍 Vue Router 是 Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CS 阅读全文
摘要：
vue-cli创建项目 上一篇我们安装了vue-cli，接下来我们就使用该脚手架进行创建项目 1.进入一个目录，创建项目 创建项目命令如下： vue create <Project Name> //文件名 不支持驼峰（含大写字母） 输入完命令后，会让你选择一个preset 我们可以看到，默认有3个选 阅读全文
摘要：
前言 vue-cli是和vue进行深度组合的工具，可以快速帮我们创建vue项目，并且把一些脚手架相关的代码给我们创建好。真正使用vue开发项目，都是用vue-cli来创建项目的。 vue-cli介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 实 阅读全文
摘要：
前言 上篇我们已经配置好了本地开发服务器，但是配置的相对比较凌乱，一个文件中有些是开发时用到的配置，有些是生成时用到的配置，有些是开发和生成都要用到的配置，所以我们这里把环境分为3个环境 webpack.base.config.js：webpack基础配置，开发和生成环境都需要用到的配置 webpa 阅读全文