gmth.net
当前位置:首页 >> vuE2 自定义指令中怎么改变DAtA中的值 >>

vuE2 自定义指令中怎么改变DAtA中的值

methods:{ ...mapMutations(['SET']) }, directives:{ inserted:function(el , binding){ //通过这个SET方法,传个参数,去改变值 binding.value.SET(1); } }

将数据转换为json的格式,然后在js文件里写 created:function(){ //用ajax或者vue-resource获取你的数据,并绑定到items里面 $.getJSON('url',function (items) { this.items=items; }.bind(this));}

export default { data(){ return { dir1:'', dir2:'' } }, directives:{

bind - 只调用一次,在指令第一次绑定到元素上时候调用 update - 在bind之后立即以初始值为参数第一次调用,之后绑定值变化的时候,参数为新值与旧值 unbind - 只调用一次,在指令从元素上解绑的时候调用

重复,比组件 click事件,同通 emit 让 html on 事件调用,要自定义事件,面容易混乱

其实vue的思想是组件式开发的思维方式,不要去想着修改dom,监听dom;而是换个角度,从监听数据的方式去间接性的达到监听dom的目的,组件的开发是数据驱动dom的,这是必须要理解到位的。还有带slot的组件,不应该再去干预slot里面的内容了;

采用的是.vue单文件组件编写方式。配合vue-router、vuex模块化状态管理 基于zepto那一套我已经实现,现在需要mvc改造.

去获取,但是在一些很小的项目里,在一些没有使用 webpack 等构建工具的项目中,创建一个组件并不是那么值得,所以 vue 提供了另一种操作DOM元素的方式,就是自定义指令 (directive)

Vue.js与其他框架的区别? 1.与AngularJS的区别 相同点: 都支持指令:内置指令和自定义指令。 都支持过滤器:内置过滤器和自定义过滤器。 都支持双向数据绑定。 都不支持低端浏览器。 不同点: 1.AngularJS的学习成本高,比如增加了Dependency

其实vue的思想是组件式开发的思维方式,不要去想着修改dom,监听dom;而是换个角度,从监听数据的方式去间接性的达到监听dom的目的,组件的开发是数据驱动dom的,这是必须要理解到位的。还有带slot的组件,不应该再去干预slot里面的内容了;

网站首页 | 网站地图
All rights reserved Powered by www.gmth.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com