vue
vue里computed的get和set
computed里的对象有get和set方法。get是当该对象所依赖的变量发生变化是执行，重新returncomputed结果。set是该对象的值变化时会执行，并且将变化的结果作为参数传进set里。然后可以根据传进的值来处理<divid="app"><p>price:<inputtype=...
vue里的渲染以及computed的好处
如果vue里的某个methods函数执行，导致页面重新渲染，那么所有页面渲染相关的methods函数会重新执行以及时的渲染页面但是大量函数的重新没有必要的执行会导致性能的下降，此时如果把没有必要再次执行的方法定义到computed里，那么这些没有必要执行的方法就不会被渲染页面时候执行。只有在computed函数所依赖的...
从vue渲染想到的数组方法
1<divid="app">2<ul>3<liv-for='itemingoods'>{{item}}</li>4</ul>56<div>{{a}}</div>78<buttonv-on:click='demo'>click...
vue里v-for下的key的作用
将v-for的元素赋予唯一的key属性，则会打破‘就地复用原则’；这个就地复用原则是指 如果数据项的顺序被改变，Vue将不会移动DOM元素来匹配数据项的顺序，而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素比如 <liv-for='iteminp...
vue 中的数据绑定
vue当中有个v-model,是怎么实现的呢?其实是利用了$event.<divid="app"><!--输入什么,就输出什么--><inputtype="text"v-on:keyup="show($event)">//利用了$event//或者<inputv-on:keyu...
vue中的图标字体引入
网址：https://icomoon.io/app/#/select；特点：样式多，免费操作：1.相中的，随便点，不要钱，generatfonts然后download，得到一个压缩文件，解压，打开demo.html文件，在控制台可以看到每个标签的class名。2，把style.css和font文件夹放到vue的stat...
用vue制作饿了么首页(1)
无论是静态网页还是动态交互网页，实现原则是将他们分块，然后各个击破。很明显的饿了么首页分为三个部分（组件）， 上面的头部（商家信息）， 中间路由 购物车每部分先占住自己位置，然后挨个将这三部分分别实现完整。我理解的vue里，index.html好比是车轱...
关于vue-cli创建项目（小白）(2)mock数据
mock数据，好处，前后端分离，不用等后端的真实接口，就可以用axios（eksjus好像这么读，原谅本人总是根据读音写单词）请求数据了。 一，安装所需插件根据不同需求选择安装环境，mockjs是一个插件，需要安装在开发环境。而axios安装在生产环境。cnpminstallmockjs--save-dev；...
关于vue-cli创建项目（小白）
vue-cli，都说是vue脚手架，一般cli是命令行的意思，一看就知道与node有关，其实脚手架是建筑工用的工具，给工人踩在上面干活的，这里借用它的意思，我觉得应该叫vue平台工具大家更容易懂，毕竟脚手架一般人真不知道是啥玩意。也就是说这是用node和webpack来创建vue项目。需要你有node环境和webpac...
vue的热更新配置
vue.js在命令中使用--inline --hot进行热更新配置，需要下载vue-hot-reload-api组件也可以试试：使用spring-boot-devtools组件进行热部署，shift+Ctrl+alt+/打开maintenance，选择registry，选择compile.automake.a...
为什么说 Vue 的响应式更新比 React 快
我们都知道Vue对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。举例来说这样的一个组件：<template><div>{{msg}}<ChildComponent/></div></template>...
vue elementUI enter 回车 （转载）
表单提交时需要处理输入框的回车事件一、vue原生 原生input标签可以用@keyup.enter="onSubmit"如：<inputv-on:keyup.enter="onSubmit">二、非vue原生 elmentUI还需要添加native标志@keyup...
vue+elementUI项目，父组件向子组件传值，子组件向父组件传值，父子组件互相传值。
vue+elementUI项目，父组件向子组件传值，子组件向父组件传值，父子组件互相传值。 vue父组件与子组件相互通信一、父组件给子组件传值props实现父组件向子组件传值。1父组件里：<child-pack:msg="myMsg"v-on:listenTochildEvent="showMessag...
vue v-for中的item改变无法引起视图的更新
写过angularjs的同学知道，如果ng-repeat中的item绑定到对应的model，item改变是会引起视图的更新的，但是vue中不起作用，具体的解决办法： 在vue脚手架中，首先引入vue 首先<script>importVuefrom'vue';</scri...
vue echarts中绑定的click函数无法引用vue实例data里面的数据
在使用echarts的时候，需要在触发click事件之后去修改实例data里面的数据，可是发现用this引用后总是出现undefined, 解决办法：myChart.on('click',(params)=>{console.log(this.data);});用箭头的写法就可以访问了。&n...
