ji_ban的博客

computed：计算属性，依赖于其他属性，并且computed的值有缓存。只有它依赖的属性值（响应式依赖）发生变化，下一次获取computed的值时才会重新计算computed的值。 运用场景：当我们要进行数值计算，并且依赖于其他数据时，这时应该使用computed，因为利用computed的缓存特性，可以避免每次获取值时都重复计算。<div id="app"> <p>message: "{{ message }}"</p>...

vue采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty劫持data属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 MVVM M - Model ，Model代表数据模型，也可以在Model中定义数据，修改和操作业务逻辑。 V -View ，View代表UI组件，它负责经数据模型转为UI展现出来。 VM -ViewModel ，ViewMod...

1、安装依赖npm install --save xlsx file-saver2、引入插件<-- 在要导出的页面引入，或者在main中定义全局使用。我这里是在页面中直接引入 -->importXLSXfrom"xlsx"3、导出按钮<-- 普通的按钮，添加点击事件（避免重复点击） --><el-button type="warning" plain size="mini" @click.stop.pr...

vue中$refs的用法一般来讲，获取DOM元素，需要使用document.querySelector('#input1')方法去获取dom节点，然后再获取input1的值。但是使用了ref绑定之后，我们就不需要再获取dom节点了，可以直接在上面的input上绑定input1，然后$refs里面调用就行。在JavaScript里面通过this.$refs.input1去调用，这样的做法实际上是访问VUE虚拟出来的DOM，可以有效减少获取/操作DOM节点的性能消耗。HTML<div

直奔主题1.vue 生命周期 什么是 Vue 生命周期？ Vue实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM-渲染、更新-渲染、卸载等一系列过程，我们称这是Vue的生命周期Vue 生命周期的作用是什么？它的生命周期共有多个事件钩子，让我们在控制整个Vue实例的过程中容易形成更好的逻辑。Vue 生命周期总共有几个阶段？第一次页面加载会触发哪几个钩子？它可以总共分为8个阶段，创建前后，载入前后，更新前后，销毁前后。第一次页面加载是会触发

好久没接触vue的项目了，最近接到一个vue图片处理的小项目，有一项需求是要实现拖动图片就行排序。接到这个需求之后立马想到了Vue.Draggable这款基于Sortable.js实现的vue拖拽插件，下面是实现过程第一步：安装Vue.Draggable。两种方式npm和yarn （我用的npm）npm i -S vuedraggableyarn add vuedraggable第二步：全局安装完成之后在main.js中全局引用也行在需要的页面也用也没问题 （我因为就一个页面需要...