更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。 更快的内容到达时间(time-to-content)，特别是对于缓慢的网络情况或运行缓慢的设备。 nuxt（官网提供框架。 后文会针对提供一些区分和注意点） 例如： assets、components、esl…

一般入门级的无需太早考虑这方面的，只要专心学好Vue的使用姿势便可。 这种情况一般报错信息可以看到是哪个包抛出的信息，一般卸载这个模块,安装重新安装下即可。 官方解释如下: data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。 Vue 在2.2的时候…

1. 组件名为多个单词 2. 组件数据 3. Prop定义 4. 为v-for设置键值 6. 为组件样式设置作用域 1. 组件文件 2. 单文件组件文件的大小写 3. 基础组件名 4. 单例组件名 5. 紧密耦合的组件名 6. 组件名中的单词顺序 7. 模板中的组件名大小写 8…

通过路由的params对象传递过来的参数paramB始终是undefined，始终找不到原因。 通过查阅文档，终于找到原因，那是因为路由的params对象使用，必须要通过路由名来调用路由，而不同通过path来调用，而query对象则没有这个要求。所以我们修改下代码： 将path…

Vue的数据响应主要是依赖了Object.defineProperty()，那么整个过程是怎么样的呢？以我们自己的想法来走Vue的道路，其实也就是以Vue的原理为终点，我们来逆推一下实现过程。 例如const obj = {},然后再调用defineReactive(obj,'…

使用 vue-navigation 缓存页面，此库实现了前进刷新后退读缓存的功能，像原生APP导航一样。用子路由的方式实现tabbar有bug，用vuex解决了。 应用需要登录后可以访问，微信登录要实现的功能是从任意一个链接进入，判断是否登录，未登录跳到微信授权，成功后返回登录…

随着我们的项目的增长，打包会越来越慢。每次打包都会将第三方的js打包一遍，但是这些第三方的不会经常变化，如何能将第三方的js只打包一次呢？ 我们先将路由组件改成异步组件。官方文档 webpack提供了一个插件 DllPlugin ，用于将不常变动的js单独打包。 这里只需要im…

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

当一个组件被定义，data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供 data 函数，每次创建一个新实例后，我们能够调用 data 函数，从而返回初始数据的一个全新…