- 博客(6)
- 收藏
- 关注
转载 非常全面的vuex----mutation和action的基本使用方法
我们要实现的很简单,就是点击+1的count加一,点击-1的时候count-1 一、mutation 在vuex 中,只有mutation 才能改变state. mutation 类似事件,每一个mutation都有一个类型和一个处理函数,因为只有mutation 才能改变state, 所以处理函数自动会获得一个默认参数 state. 所谓的类型其实就是名字,action去commit ...
2018-04-28 16:18:20 11814 1
原创 ES5中新加入的getter/setter方法的初步理解
简单一句话说:ES5以前读、写对象的属性时,只改变其值;ES5以后,可以通过getter和setter方法,在读写对象的属性时,进行开发者自定义操作。今天学习vue的深入响应式原理,需要了解getter和setter,经过一番研究后,写一下自己的理解。举个例子:在使用set时,不仅实现了赋值,还可以顺带打印出赋的值。set setparam(param) { this.param = param...
2018-04-24 16:40:51 1561
转载 关于Vue实例的生命周期created和mounted的区别
转自:https://segmentfault.com/a/1190000008570622 用于以后自己参考生命周期先上图什么是生命周期Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在...
2018-04-23 17:08:14 399 1
原创 vue全局组件和局部组件的写法
vue组件有两种,一种是全局组件,一种是局部组件。整个项目经常用到的用全局写法,用到比较少的专供特定页面用的使用局部组件。全局组件引入写法:在项目的main.js中:import Vue from 'vue';import MyComponent from '@/components/MyComponent.vue'; // 导入自己写的组件文件Vue.use(MyComponent); /...
2018-04-18 10:33:45 19551
原创 Vue的methods中定时器的变量报错问题
这是由于this的指向造成的。普通函数的this谁调用它,它就指向谁,换句话说,普通函数中的this指向是变化的,指向使用函数时的指向。而箭头函数不同,箭头函数的this指向是固定不变的,指向定义时的指向。因此,当定时器异步执行时,执行环境已发生了变化,this指向了window,无法找到定义时指向的变量,所以会报错。错误代码如下:this.obj = setInterval(function()...
2018-04-16 17:14:32 2380
原创 vue表单v-validate再次输入密码confirmed校验不通过问题
按官方文档,只要写成:<div> <mt-field label="密码" placeholder="请输入密码" v-validate="'required'" data-vv-name="password" :class="{'is-danger': errors.has('password') }" :type="passwordType&quo
2018-04-16 10:24:54 14598 4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人