公司的一个项目大致是这样的：一个左侧列表，点击左侧列表的文章标题，右侧展开该文章对应的内容的。 现在的问题出现在极少部分客户有时左侧的标题，无法打开对应的右侧的内容，给人的改进就是‘卡’、点不动、点了没反应。 再大致介绍下项目环境： chrome 44(打包到用户客户端内) Vue 2.6.10 左侧列表布局 列表的每个绿色方框是一个vue组件，名叫ListItem，列表
一个经常会被问到的问题： 为什么不在 created 里去发ajax？ created 可是比 mounted 更早调用啊，更早调用意味着更早返回结果，那样性能不是更高？ 首先，一个组件的 created 比 mounted 也早调用不了几微秒，性能没啥提高； 而且，等到异步渲染开启的时候， created 就可能被中途打断，中断之后渲染又要重做一遍，想一想，在
原生的单选就是 <input type="radio"/> ，正常情况在 name 相同的单选之间只能选一个，如果只有一个单选框的情况下，一经选中是无法自己取消的，和checkbox不一样。但是有时我们的需求是需要有一个radio，并且还要支持能选中和取消的。 当radio的被选中的时候，其实它的 checked 属性是 true ，取消时为 false 。并且如
网上搜很多vue多语言的，一般都是介绍vue-i18n怎么使用，当然这是不错的，但是我们如果只是讲这个的话，只是解决了静态文字的多语言化。 这一部分我们也简单讲一下 npm install vue-i18n --save 安装 // main.js import VueI18n from 'vue-i18n'; import messages from �
最近看了看vuecli3，把自己的学习记录下来。 首先看入口 npm run dev 即是 vue-cli-service serve ，之所以能运行 vue-cli-service 命令，就是因为cli3为我们安装了 vue-cli-service （执行的是 npm install --save-dev vue-cli-service ），这样可以在node_modules/.bin文件
原文地址： 道招网 的 用个数组来理解vue的diff算法（一） Vue使用的diff算法，我相信用vue的估计都听过，并且看到源码的也不在少数。 先对下面的代码做下说明： 由于这里用的是数组内元素的有移动来模拟dom元素的移动，所以简单的 insertBefore 之类的就不能用了，这里是靠删除+新增来模拟的移动。 这里没有在数组里面用纯数字，一是因为这样不显示，真实的vue
关于表单校验el-input做的主要工作就是跟el-form-item交互，把input的相关事件发送给el-form-item，上一篇已经讲到在el-form-item的mounted的生命周期里面有如下代码的 this.$on('el.form.blur', this.onFieldBlur); this.$on('el.form.change'
先看index.html的代码吧 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
一般来说我们用v-model是在input中 常见用法如下 <input type="text" v-model="username"> 用户名：{{username}} 其实v-model是一种语法糖，我们要知道它完整的写法才能更好的利用自己vue的理解来深刻理解v-model 上面的语句其本质是下面的： <input type="text" :value=
上周末无意中发现了一个新的在线IDE，网址glitch.com，个人感觉很不错，于是顺便关注了下其它的在线IDE，比如codesandbox.io也不错，没有细看，可能自己已经先入为主的喜欢上glitch了吧。 下面主要说说glitch，打开官网后可以新建一个工程，一般会让你选择网站型项目还是node型项目，试了试node型项目的功能强大些，推荐一律用这种类型。这里有一个server.js，
