有了前面几篇文章的铺垫，我相信我们回过头来再看看用 vue-cli 脚手架工具初始化的项目，就很好理解了。本篇将带着大家全面认识下用 vue-cli 脚手架工具初始化的项目，并会讲解如何定制化自己的项目模板。 规范的目录结构可以很好的规范化你的开发习惯，代码分工明确，便于维护，…

上面的代码的效果是，当我们输入firstName后，wacth监听每次修改变化的新值，然后计算输出fullName。 这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办…

最近开发的埋点项目，需要记录用户行为轨迹即用户页面访问顺序。需要在页面跳转的时候，记录用户访问的信息（比如 url ，请求头部等），非单页面应用可以给 window 对象加上一个 beforeunload 事件，在页面离开时触发采集开关，但是现在很多业务是单页面应用，用户切换地…

1. 路由加载 2. 404路由 3. 路由拦截 4. 动态路由 5. 路由加载时动画 1. 小知识 2. 多模块 3. 辅助函数 4. 数据持久化插件 5. 日志插件 1. 需要实现的功能 2. 路由设计 3. 页面级的权限控制 4. 元素级的权限控制 1. 如何封装一个支持…

好了，言归正传，今天来聊聊 Vue.js 中的状态管理，也许一提到状态管理，大家首先想到的就是 vuex，但是如果你的应用够简单，其实是不需要使用 vuex 的，反而会让你的项目变得繁琐起来。 下面我将分别实现一遍。 所以大家在写代码的时候会尽量的避免此类事情的发生，但是也正是…

对于单页面应用，前端路由是必不可少的，官方也提供了 vue-router 库 供我们方便的实现，但是如果你的应用非常简单，就没有必要引入整个路由库了，可以通过 Vuejs 动态渲染的API来实现。 我们知道组件可以通过 template 来指定模板，对于单文件组件，可以通过 t…

同时，使用FileReader对象，web应用程序可以异步的读取存储在用户计算机上的文件(或者原始数据缓冲)内容，可以使用File对象或者Blob对象来指定所要处理的文件或数据。FileReader 提供了如下 几个方法。 readAsText(file,encoding)：以…

众所周知，操作 DOM 是很耗费性能的一件事情，既然如此，我们可以考虑通过 JS 对象来模拟 DOM 对象，毕竟操作 JS 对象比操作 DOM 省时的多。 从上述例子中，我们一眼就可以看出先前的 ul 中的第三个 li 被移除了，四五替换了位置。 当然在实际操作中，我们还需要给…

虽然我们通常在构建大部分的视图时知道需要用到哪些组件，但有时我们直到运行时才知道它们是什么组件（译者注：动态组件）。这意味着我们需要基于应用程序状态、用户设置或来自 API 请求的响应结果来构建视图。一个常见的情况是构建动态表单，其中所需的问题和组件由 JSON 对象配置，或者…