前言单页后台，上传到线上，在某个路由刷新时就报错404。开始为什么会出现这样的问题呢？配置路由时，设置了访问模式为mode: 'history'；而后端是无法判断这是一个前端路由的。它会按照路径去找相应的资源，但是在服务器中并不存在，所以...404实践我们找到官方的文档看看：https://router.vuejs.org/zh/guide/essentials/h...

原文链接前言心情很忐忑，当我写下这个标题。想起年初时在杭州求职，电面了一家武汉的公司，面试官就抛了这样一个问题。那时候还懵懵懂懂，就知道如何使用，并没有太清楚两者的区别。开始有时候写这些东西，真的怕误导了一些人，以下描述的异同，只是我个人的观点。如果有什么不当之处，还望各位博友指出~感谢最近研究vue.js数据双向绑定的原理，看了一些很好的文章，自己也跟着敲了几遍代码。又开始思...

开始报错信息：[Vue warn]: Avoid using non-primitive value as key, use string/number value instead实践原因： 在v-for遍历时，将item作为:key的值，而遍历出来的item恰巧是一个对象。解决：循环时添加index，或者将item.key对象中的某一项的值作为key。总结嘘寒问暖 不如打...

原文链接前言其实这个标题就是我们今天要谈论的话题。开始在vuex中有多个module是很正常滴，为了方便管理呢，我们有些module中使用了相同的名称。那么，在使用时，就会报错啦~实践其实在vuex的官网，已经为我们描述过啦~vuex:https://vuex.vuejs.org/zh/guide/modules.html#%E5%91%BD%E5%90%8D%E7%A...

直接上图吧~好总结就是这么任性~嘻嘻(*^__^*) 嘻嘻……嘘寒问暖 不如打笔巨款~

原文链接前言写表单，用到一些input组件，需要在表单数据提交前，对数据作简单的校验。虽然最后发现了真正的问题，但还是想记录下这个过程。问题描述只是把电话的验证写在了姓名验证之前，误以为input组件与小程序原生组件同名，以至于无法使用v-model进行数据的双向绑定（其实是可以正常使用的，）。于是，使用小程序原生的bindblur方法，在失去焦点时，手动给变量赋值。开始b...

前言OA系统，使用了路由的嵌套，希望在访问子模块时，默认加载模块的默认路由。即为子模块设置默认路由 。开始我们先来看看，如何为子模块设置默认的路由。这样写，会出现什么问题呢？打开控制台看看。实践vue-router给我们报了两个警告，我们一个一个来看。第一个：[vue-router] Named Route 'companyStructure' has a def...

前言表单表单，开发后台尽是表单。话不多说，先看看问题吧。开始这个项目呢，是使用了iView UI框架。开始查找网上类似的问题。type排查了一遍，最后发现是Input组件的type赋值为number。而官方支持的呢，如下好吧~开发中遇到各种各样的大问题小问题是难免的，关键是我们在遇到问题时，如何去解决问题。总结遇到问题，分析问题，解决问题，总结问题。很多...

原文链接最新声明本文编写时间较早，随着时间的推移，mpvue及其周边生态越来越完善，文中的案例已经不适合在项目使用。希望大家参考其他更新的文章~简介微信小程序上线已有一年多时间啦，自美团的mpvue(基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系)问世也过去了好几个月。前端技术日新月异，小程序的UI框架也层出不穷。例如：WeUI: ...

原文链接前言又开始一个全新的项目，每天都要元气满满呀~在划分模块和创建单页面组件时，常常写到name。嵌套路由中，index.vue极为常见，那么在vue中，export default { name: 'xxx'} 中的name到底有啥作用呢？开始还是先回到官方的文档：https://cn.vuejs.org/v2/api/#name官方文档已经给我们描述了两种使用情况，...