ng中directive中的一些符号问题

ng中directive中的一些符号问题
restrict: 'E',
restrict的属性有E、A、C、M
E:元素,elements are allowed,允一个元素
A:属性,attributes are allowed,允一个属性
C:,as a class name,作一个名
M:注,as a comment,作一个注
可以合上面的任意来放松限制。如:'AE','AEC'

很像restrict,独立scope的属性简洁复杂,你可以用符号例如:&,@ 和=来定义属性的定方式。
属性察器: @
使用 @ 定父作用域监测属性的果。注意:请记住,当遇到 @,我们谈论的是察和属性,而不是定到父作用域。
 scope: {
        note: '@'
      }
表达式构造器: &
使用 & 提供一个 表达式解析函数 ,他的上下文是父作用域。他是在属性里解析表达式的,也构建了一个可重用的功能。
 scope: {
      note: '&'
    }
双向数据定:=
使用 = 置 本地scope与父scope的双向数据定.
scope: {
      note: '='
    }
 
这是一篇很不错的文章
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3Directive是一种特殊的指令,它用于操作DOM元素,实现一些特殊的功能,例如输入框自动聚焦、鼠标悬停效果等。Directive可以在模板使用v-前缀指定,例如v-model、v-if、v-for等。 Vue3Directive和Vue2Directive有所不同,它采用了新的API来定义和注册Directive。具体来说,Vue3Directive由两个函数组成:一个是bind函数,用于在元素第一次被绑定时执行,另一个是update函数,用于在元素的值发生改变时执行。 下面是一个简单的例子,演示了如何在Vue3定义和使用Directive: ```html <template> <div v-mydirective="value">{{ value }}</div> </template> <script> import { directive } from 'vue'; const mydirective = directive('mydirective', { // 在元素第一次被绑定时执行 beforeMount(el, binding) { el.textContent = binding.value; }, // 在元素的值发生改变时执行 updated(el, binding) { el.textContent = binding.value; } }); export default { directives: { mydirective }, data() { return { value: 'Hello, world!' }; } }; </script> ``` 在这个例子,我们定义了一个名为mydirectiveDirective,它会在元素第一次被绑定时和值发生改变时执行。我们将它绑定到一个div元素上,并将value作为参数传递给它。在beforeMount和updated函数,我们分别将元素的textContent设置为value的值。 总的来说,Vue3Directive是一个非常强大的功能,它可以帮助我们实现一些复杂的交互效果,提高开发效率。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值