![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 63
碳酸金鱼。
这个作者很懒,什么都没留下…
展开
-
vue数据双向绑定原理
vue 双向绑定原理官网–https://cn.vuejs.org/v2/guide/reactivity.html1、vue双向数据绑定是 通过 数据劫持 并结合 发布-订阅模式 的方法来实现的。 也就是说数据和视图同步,数据发生变化,视图跟着变化,视图变化,数据也随之发生改变。2、其中 数据劫持 是通过 Object.defineProperty() 方法实现的。vue 在内部会把定义在 data 中的属性通过这个方法全部转为 getter/setter。上图中,每个组件实例都对应一个 w原创 2022-04-19 17:43:14 · 9244 阅读 · 2 评论 -
vue 自定义指令
自定义指令1、定义全局指令Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { el.focus() }})2、定义私有指令directives: { focus: { inserted: function (el) { el.focus() } }}使用:<input v-focus>函数简写在很多时候,你可能想在 bi原创 2022-04-15 15:46:35 · 377 阅读 · 0 评论 -
vue 过滤器 filter
过滤器1、定义全局过滤器Vue.filter('formatSex', function (value) { switch (value) { case 1: return '男'; case 2: return '女'; default: return '不详' }})2、定义组件内部的过滤器filters: { formatSex: function (value) { switch (value) { case 1: return '男'; case原创 2022-04-14 23:21:48 · 531 阅读 · 0 评论