![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 78
EsunR
这个作者很懒,什么都没留下…
展开
-
使用 Element UI Select 组件的 value-key 属性,让绑定值可以为一个对象
当我们使用 Elemet UI 的选择组件进行多选时,Select 组件的绑定值是一个数组,但是数组的值只能传入 Number 类型或者 String 类型的数据,如果我们想向其中传入一个对象就会出错,如:<template> <el-select v-model="permissionList" multiple placeholder="请选择"> <el...原创 2019-11-07 12:14:42 · 39449 阅读 · 6 评论 -
Vue 使用中的各种小技巧
Watch immediate这个已经算是一个比较常见的技巧了,这里就简单说一下。当 watch 一个变量的时候,初始化时并不会执行,如下面的例子,你需要在created的时候手动调用一次。// badcreated() { this.fetchUserList();},watch: { searchText: 'fetchUserList',}复制代码你可以添加imme...转载 2019-10-28 17:21:48 · 936 阅读 · 1 评论 -
Vue 中销毁 keep-alive 缓存组件及缓存组件的管理
1. keep-alive在 Vue 的组件机制中,如果在多个组件页面中来回切换,已访问的组件页面是不会被缓存的,也就是说每次切换一个组件页面再返回后,原有的组件页面仍会被重新渲染,相应的执行从 beforeCreate 开始的声明周期函数 。这样的话是非常浪费性能的,所以 Vue 提供了一个 <keep-alive> 组件,可以用于缓存组件,配合 Vue-Router 使用可以缓存...原创 2019-10-23 11:27:24 · 6212 阅读 · 0 评论 -
对Vue2.2中监听子组件事件的理解
官方文档:https://cn.vuejs.org/v2/guide/components.html#监听子组件事件解释所谓的 监听子组件事件 ,就是当子组件内部触发了一个事件后,外部(也就是调用子组件的父级组件)应该能相应的感知到事件的触发,从而再出发一些列的操作。例如:子组件为一个按钮,当按钮被点击时,父级组件会感知,并触发想要触发的操作。实现思路1.设定埋伏,准备捕捉子组件的操...原创 2019-02-27 15:38:27 · 2667 阅读 · 0 评论 -
前端使用ElementUI上传图片到七牛云服务器
ElementUI upload组件:http://element-cn.eleme.io/#/zh-CN/component/upload0. 目的我们的目的是通过使用ElementUI的 upload 组件上传图片到七牛云 存储对象 上,之后拿到该图片在存储对象上的 url地址1. ElementUI官方文档示例<el-upload class="upload-demo...原创 2019-03-25 14:35:49 · 4547 阅读 · 4 评论 -
实现vuex与组件data之间的数据同步更新
问题我们都知道,在Vue组件中,data部分的数据与视图之间是可以同步更新的,假如我们更新了data中的数据,那么视图上的数据就会被同步更新,这就是Vue所谓的数据驱动视图思想。当我们使用Vuex时,我们也可以通过在视图上通过 $store.state.[DataKey] 来获取Vuex中 state 的数据,且当 state 中的数据发生变化时,视图上的数据也是可以同步更新的,这似乎看起来很...原创 2019-05-16 15:10:24 · 10225 阅读 · 0 评论 -
简析Vue中的MVVM实现原理
1. MVVMangular - 脏值检测vue - 数据劫持+发布订阅模式(不兼容低版本:因为其依赖于Object.defineProperty)2. Object.defineProperty()1.1 概念Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。定义的这个属性具有使用 Object.defi...原创 2019-05-30 20:41:15 · 1108 阅读 · 0 评论