课后剖析VUE的自定义指令【嘎洒糕】

在默认设置的核心指令(v-model和v-show)之外

  Vue 还允许注册自定义指令。

今天菜鸟作者就简(shui)简(shui)单(wen)单(zhang)课后小结一下

自定义指令的三个内容

A.规则/注意事项:

1)定义指令名称不能使用驼峰和v-,要是用-连接,记得添加引号

2)使用时要v-自定义名称

    B.它的两种写法

    1)函数写法

    名称(节点,绑定对象){}

2)对象写法

    名称:{

        绑定成功调用

            bind(节点,绑定对象){},

            插入到页面调用

            inserted(节点,绑定对象){},

            重新解析时调用(值发生改变)

            update(节点,绑定对象){}

     }

C.局部自定义指令和全局自定义指令:

        1)局部自定义指令

        直接向创建的 Vue 实例的 directives 字典属性添加键值对,键值对即需要添加的自定义指令及对应钩子函数字典对象。键值对可以有多个,对应多个自定义指令。

        2)全局自定义指令

         写在Vue.directive ,定义在实例化之前。需要传入指令名称以及一个包含指令钩子函数的对象,该对象的键即钩子函数的函数名,值即函数体,钩子函数可以有多个。

本文的最后,提一嘴学完自定义模型后

可能会接触到的Vue的MVVM模型,数据代理

之前,身边一个朋(lao)友(shi)

提起MVVM与MVC的区别是什么

在此与大家分享下关于这个区别的总结:

    1.VM(vue)==C(调服务)

    2.MVVM双向(双向绑定,数据代理),MVC单向(直接操作DOM)

    3.MVVM(虚拟DOM)更快渲染,MVC单向(真实DOM)

今天的内容比较少
还请大家对已经捉襟见肘的菜鸟作者多多谅解

ヽ(≧□≦)ノ

我是传奇水文高手牢嘎,孩子们,再会。

  • 12
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值