• Vue


    1、实例属性介绍如下图所示:

    具体介绍如下:

    A、$parent:访问当前组件的父实例

    B、$root:访问当前组件的根实例,要是没有的话,则是自己本身

    C、$children:访问当前组件实例的直接子组件实例

    D、$ref:访问使用了v-ref指令的子组件

    E、$el:当前用来访问挂载当前组件实例的DOM元素

    F、$els:访问$el元素中使用了v-el指令的DOM元素

    G、$data:组件实例化时选项中的data属性

    H、$options:组件实例化时的初始选项对象

    2、实例DOM方法

    具体介绍如下:

     A:$appendTo():将el所指的DOM元素或片段插入到目标元素中,接受2个参数,一个是elementOrSelector(可以是一个选择器字符串或者DOM元素)、callback(在插入后触发,要是含有过渡效果,会在过渡完成后触发)

    B:$before:将el所指的DOM元素或片段插入到目标元素之前,接受2个参数,一个是elementOrSelector(可以是一个选择器字符串或者DOM元素)、callback(在插入后触发,要是含有过渡效果,会在过渡完成后触发)

    C:$after:将el所指的DOM元素或片段插入到目标元素之后,接受2个参数,一个是elementOrSelector(可以是一个选择器字符串或者DOM元素)、callback(在插入后触发,要是含有过渡效果,会在过渡完成后触发)

    D:$remove:将el所指的dom元素或者片段从DOM中删除,接受一个参数callback(在删除后触发,要是含有过渡效果,会在过渡完成后触发)

    E:$nextTick():在下次DOM更新循环后执行指定的回调函数,使用该方法可以保证DOM中的内容与最新的数据同步,接受一个参数callback:在下次DOM更新循环的后调用执行,与全局的nextTick方法一样,不同的是,callback中的this会自动绑定到调用它的Vue实例中

    3、Event方法的使用

     

    具体介绍如下:

    A:$on:监听实例上的自定义事件,接收2个参数event(字符串),可以是一个事件名称;callback(函数),回调函数,该回调函数会在执行$emit,$broadcast或者$dispatch后触发

    B:$once():监听自定义事件,只触发一次,接收2个参数event(字符串),可以是一个事件名称;callback(函数),回调函数,该回调函数会在执行$emit,$broadcast或者$dispatch后触发

    C:$emit():用来触发事件,event(字符串),可以是一个事件名称,args(可选),传递给监听函数的参数

    D:$dispatch():用来派发事件,即先在当前实例触发,再沿父链一层一层向上,如果对应的监听函数返回false就停止,event(字符串),可以是一个事件名称,args(可选),传递给监听函数的参数

    E:$broadcast():广播事件,即遍历当前实例的$children,如果对应的监听函数返回false就停止,event(字符串),可以是一个事件名称,args(可选),传递给监听函数的参数

    F:$off():删除事件监听,接受两个参数,一个event(string),事件名称,一个回调函数(可选),如果要是没有参数,删除所有的事件监听器,如果只提供一参数-事件名称,删除对应的所有监听器;如果提供两个参数-事件名称以及回调函数,即删除对应的这个回调函数

  • 相关阅读:
    关于此主题 v1
    从博客园主题了解前端 CSS
    VS2019 许可证到期
    从博客园主题了解前端 HTML
    关于此主题
    从博客园主题了解前端 JS
    GCC 编译器
    Python的Set和List的性能比较 + 两者之间的转换
    wsgi初探(转)
    权限设计概要
  • 原文地址:https://www.cnblogs.com/zhanghuiyun/p/6243926.html
Copyright © 2020-2023  润新知