vue注意内容

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

ref 是被用来给元素或子组件注册引用信息的。引用信息将会注册在父组件的 $refs 对象上。

一、

1、如果ref用在子组件上，指向的是组件实例，可以理解为对子组件的索引，通过$ref可能获取到在子组件里定义的属性和方法。

2、 如果ref在普通的 DOM 元素上使用，引用指向的就是 DOM 元素，通过$ref可能获取到该DOM 的属性集合，轻松访问到DOM元素，作用与JQ选择器类似。


二、prop和$ref区别

prop 着重于数据的传递，它并不能调用子组件里的属性和方法。像创建文章组件时，自定义标题和内容这样的使用场景，最适合使用prop。

$ref 着重于索引，主要用来调用子组件里的属性和方法，其实并不擅长数据传递。而且ref用在dom元素的时候，能使到选择器的作用，这个功能比作为索引更常有用到。

三、emit

vm.$emit( event, arg )

$emit 绑定一个自定义事件event，当这个语句被执行到的时候，就会将参数arg传递给父组件，父组件通过@event监听并接收参数。

子组件通过this.$emit(‘getMessage’, ‘我是父组件！’)把内容传给父组件

四、注意

  1. v-for

    在vue中可以通过v-for来循环数据的通知循环dom，语法是item in/of items，接收第二个参数是索引 (item,index) of items,还可以循环键值对，第一个参数是value，第二个是key，第三个依然是索引

  2. v-on

    在vue中还有v-on来为dom绑定事件，在v-on：后面加上要绑定的事件类型，值里可以执行一些简单javascript表达式：++ – = …

    可以将一些方法设置在methods里，这样就可以在v-on:click的值里直接写方法名字可以，默认会在方法中传入事件对象，当写方法的时候加了()就可以传参，这个时候如果需要事件对象，那

    就主动传入$event

    v-on绑定的事件可以是任意事件,v-on:可以缩写为@

  3. 使用v-html指令可以解析html格式的数据

  4. Object.defineProperty()

    obj：必需。目标对象

    prop：必需。需定义或修改的属性的名字

    descriptor：必需。目标属性所拥有的特性

  5. Select

    filterable 开启时，清除搜索框中输入内容功能，搜索条件清除

    clearable 右侧有清空按钮

  6. key

    用来标识每一个dom，当里面的数据变了但·外面的

    栈里的指针指向堆（存放的字符串之类的）里的数据

以上是 vue注意内容 的全部内容， 来源链接： utcz.com/z/376652.html

回到顶部