vue
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...
vue 对 v-for 中数组进行过滤操作
之前写angularjs的时候，filter是可以直接在ng-repeat中使用。但是到了vue好像这个不起作用。 具体解决办法： 加一个计算属性：computed:{filterData:function(){console.log(JSON.parse(JSON.stringify(...
vue中使用echart柱状图
一： <template><Layout><Content><Card:300px'}"><divid="myChart"></div></Card></Content></Layout></te...
Vue的简单入门
vue.js也一个渐进式JavaScript框架，可以独立完成前后端分离式web项目渐进式：vue可以从小到控制页面中的一个变量后到页面中一块内容再到整个页面，最后大到整个项目，都可以用vue框架来实现目的：通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目1.Vu...
