分类：Vue2.0

2020
10-30

vue2.0 watch里面的 deep和immediate用法说明

deep，默认值是false，代表是否深度监听。immediate:true代表如果在wacth里声明了之后，就会立即先去执行里面的handler方法，如果为false就跟我们以前的效果一样，不会在绑定的时候就执行。computed:{btnObj(){const{sign_img,check}=thisreturn{sign_img,check}}},watch:{btnObj:{handler:function(newVal,oldVal){if(!!this.sign_img&&this.check){this.submit_flag=truethis.sign_flag=... 继续阅读 >

2020
10-30

Vue2.0 ES6语法降级ES5的操作

由于部分低版本的手机还不支持ES6语法，将会导致vue报错。综合了网上的各种办法，我的项目现在终于成功降级ES5.首先安装插件npminstall-Dbabel-preset-es2015babel-corebabel-preset-stage-2babel-loader编辑配置文件编辑/build/webpack.base.conf.js编辑entry节点，变成如下entry:{app:['babel-polyfill','./src/main.js']}替换module.rules数组中的{test:/\.js$/,loader:'babel-loader',include:[re... 继续阅读 >

2020
10-08

vue2.0 解决抽取公用js的问题

首先创建公用js在static中创建js—>utils.jsutils.js内容如下：exportdefault{install(Vue,options){Vue.prototype.formatDuring=function(mss){vardays=parseInt(mss/(1000*60*60*24));varhours=parseInt((mss%(1000*60*60*24))/(1000*60*60));varminutes=parseInt((mss%(1000*60*60))/(1000*60));varseconds=(mss%(1000*60))/1000;returndays+"... 继续阅读 >

2020
10-08

Vue2.0 $set()的正确使用详解

vue2.0给data对象新增属性，并触发视图更新如下代码，给student对象新增age属性data(){return{student:{name:'',sex:''}}}众所周知，直接给student赋值操作，虽然可以新增属性，但是不会触发视图更新mounted(){this.student.age=24}原因是：受ES5的限制，Vue.js不能检测到对象属性的添加或删除。因为Vue.js在初始化实例时将属性转为getter/setter，所以属性必须在data对象上才能... 继续阅读 >