knqiufan的博客

methods是一种交互方法，通常是把用户的交互动作写在methods中computed是一种数据变化时mvc中的module 到 view 的数据转化映射简单点讲就是methods是需要去人为触发的，而computed是在检测到data数据变化时自动触发的，还有一点就是，性能消耗的区别，这个好解释。首先，methods是方式，方法计算后垃圾回收机制就把变量回收，所以下次在要求解筛选偶

问题描述：在一个vue项目中使用了一个button绑定事件，第一次进入这个页面，点击该按钮会直接刷新页面，后面就不会了分析：开始以为是事件回调的函数的影响，一步步断点，排查发现回调函数没有任何问题，走入了死胡同纠结一番，突然意识到可能是button默认事件的影响，经过测试果然是这样。解决：方式1：阻止button的默认事件,vue中可以在事件绑定是使用事件修饰符

绝大多数情况下使用template来构建html,Render函数用来满足特点情况下完全使用JavaScript来编程在遇到写类似的组件的时候需要写很多很长的代码，出于简洁（懒惰使人进步）的角度来说，我们应该找到更合适的方法来实现该效果。[html] view plain copy  body>          div id="

在学习Element-ui组件时，对组件的引入需要在main.js中写入如下代码：import Vue from 'vue'import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'import App from './App.vue'Vue.use(ElementUI)new V

参考了别人的代码，可以用，记下来：最新的vue里dev-server.js被替换成了webpack-dev-conf.js在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改第一步，在const portfinder = require(‘portfinder’)后添加第二步：找到devServer,在里面加上before（）方法

转载自：http://blog.youkuaiyun.com/hongchh/article/details/55113751写的很好，转载过来可供以后当参考一、文件结构本文主要分析开发（dev）和构建（build）两个过程涉及到的文件，故下面文件结构仅列出相应的内容。├─build│ ├─build.js│ ├─check-versions.js│ ├─dev-client.js│ ...

   在vue.js中 v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的，但有时候添加了这个指令仍会显示变量，这是怎么回事呢？ v-cloak 的用法：  HTML代码：<div v-cloak> {{ message }}</div>  CSS代码：[v-cloak] { display: none;}这样直至div内变量编译完毕后...

    组件接受的选项大部分与vue实例一样，而选项props是组建中非常重要的一个选项。在vue中，父子组件的关系可以总结为：    props down,events up.    父组件通过props向下传递数据给子组件，子组件通过events给父组件发送消息。本文详细介绍vue组件选项props。父子组件在介绍props之前，先介绍父子组件的写法。在一个良好定义的接...