vue
理解vue赋值新属性
有时你可能需要为已有对象赋予多个新属性，比如使用 Object.assign() 或 _.extend()。在这种情况下，你应该用两个对象的属性创建一个新的对象。所以，如果你想添加新的响应式属性this.userProfile=Object.assign({},this.userProfi...
vue 获取元素高度
<divref="elememt"></div>//获取高度值varheight=this.$refs.text.offsetHeight;//100//获取元素样式值,element为元素ref="element"varheightCss=window.getComputedStyle(thi...
npm run dev运行Vue项目报错：Node Sass does not yet support your current environment
导入Vue项目后，#npmrundev报错：12errorin./src/pages/hello.vueModulebuildfailed:Error:NodeSassdoesnotyetsupportyourcurrentenvironment....... 大致就是编译某个vue文...
vue学习
http://www.cnblogs.com/keepfool/...
记一次vue长列表的内存性能分析和优化
好久没写东西，博客又长草了，这段时间身心放松了好久，都没什么主题可以写了上周接到一个需求，优化vue的一个长列表页面，忙活了很久也到尾声了，内存使用和卡顿都做了一点点优化，还算有点收获写的有点啰嗦，可以看一下我是怎么进行这个优化的，也许有点帮助呢 这个长列表页面，其实是一个实时日志上报的页面，随着页面打开时间...
Vue
数据绑定最常见的形式就是使用“Mustache”语法(双大括号)的文本插值：双大括号会将数据解释为普通文本，而非HTML代码。为了输出真正的HTML，你需要使用v-html指令<spanv-html="rawHtml"></span>v-bind特性被称为指令。指令带有前...
vue中监听window.resize的变化
我只想说每个人遇到的bug真的不能一概而论，解决办法也会有不同。在vue中使用echarts的时候，会想要实现window.resize窗体变化大小的时候让图形大小跟着变化。实现的过程中各种bug，也真的让人有种想要发狂的感觉。但是还好，最后在不断的查资料和尝试当中。实现了想要的效果...
vuex 管理vue-router的传值
假设有这样的一种情况，在两个组件中。一个组件【A】主要是比如说放表格数据，而另外一个组件【B】是专门用来向组件A的表格添加数据的表单。这个时候就是两个兄弟组件之间传递数据了。首先想到的是使用兄弟组件传递数据的方法： ...
vue Element-UI 分页使用(1)
最近在使用Element-UI这套框架配合Vue来写前端页面。在用Element-UI来制作表格的时候，遇到了一些小问题，记录方便学习。其中两个事件是关于切换当前页和切换显示的列表条数的。另外的属性也可以知道它的意思。它们都是动态绑定的。其中几个属性的值被存到了data中，两个事件的...
Vuex2.0边学边记+两个小例子
最近在研究Vuex2.0，搞了好几天终于有点头绪了。首先vuex概念比较多，一定要搞懂里面的概念，可以参考官网Vuex2.0概念，我写此文的目的是希望能对前端爱好者提供个参考，加深对vuex2.0各核心概念的理解。废话少说，直接上干货。这是官网上的一个计数的实例。先来起个项目。第一步、下载安装vue项目打开git，运行...
vue之综合Demo：打沙袋
demo7.html1<!DOCTYPEhtml>2<htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml"xmlns:v-html="http://www.w3.org/1999/xhtml"3xmlns:v-on="http:/...
vue之v-for使用说明
demo.html1<!DOCTYPEhtml>2<htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml"xmlns:v-html="http://www.w3.org/1999/xhtml"3xmlns:v-on="http://www.w3...
Vue之v-for、v-show使用举例
demo.html1<!DOCTYPEhtml>2<htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml"xmlns:v-html="http://www.w3.org/1999/xhtml"3xmlns:v-on="http://www.w3...
Vue之computed计算属性
demo.html1<!DOCTYPEhtml>2<htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml"xmlns:v-html="http://www.w3.org/1999/xhtml"3xmlns:v-on="http://www.w3...
Vue之双向数据绑定
demo.html1<!DOCTYPEhtml>2<htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml"xmlns:v-html="http://www.w3.org/1999/xhtml"3xmlns:v-on="http://www.w3...
