美文网首页Vue
vue2.0专题:vue 索引操作

vue2.0专题:vue 索引操作

作者: 俊瑶先森 | 来源:发表于2016-09-07 19:24 被阅读1562次

vue2.0:

https://vuefe.cn/guide/migration.html#v-el-和v-ref-弃用

vue1.0:

1.v-ref

在父组件上注册一个子组件的索引,父组件访问子组件

<comp v-ref:child></comp>
<comp v-ref:some-child></comp>
// 从父组件访问
this.$refs.child
this.$refs.someChild

2.v-el

为 DOM 元素注册一个索引,方便通过所属实例的 $els
访问这个元素。

<span v-el:msg>hello</span>
<span v-el:other-msg>world</span>
this.$els.msg.textContent // -> "hello"
this.$els.otherMsg.textContent // -> "world"

注意:
因为 HTML 不区分大小写,camelCase 名字比如 v-el:someEl
将转为全小写。可以用v-el:some-el
设置 this.$els.someEl

相关文章

  • vue2.0专题:vue 索引操作

    vue2.0: https://vuefe.cn/guide/migration.html#v-el-和v-ref...

  • VUE生态总汇

    vue 专题 vue2.0各大前端移动端ui框架组件展示 Vue 专题 一个数据驱动的组件,为现代化的 Web 界...

  • Vue3.x ref属性

    获取DOM或者组件实例可以使用ref属性,写法和vue2.0需要区分开。 vue2.0的方式操作ref----数组...

  • Vue2.0-Vue3.0语法差异性总结

    Vue2.0 Vue2.0实例 Vue2.0 组件 使用组件的细节 在 ttable > tbody > tr 使...

  • Vue2.0的Diff算法

    原文:解析Vue2.0的Diff算法 Vue2.0加入了Virtual Dom,Vue的Diff位于patch.j...

  • vue(3) - 收藏集 - 掘金

    Vue2.0 Transition 常见用法全解惑 - 前端 - 掘金Vue2.0的过渡系统(transition...

  • vue2.0专题:通信

    vue2.0 父传子:Props子传父:子:$emit(eventName) 父$on(eventName)父访...

  • 资源链接贴

    vue2.0英文文档vue2.0中文文档 vue-router英文文档vue-router中文文档 vuex英文文...

  • Vue入门

    Vue2.0官方文档英文版Vue2.0官方文档中文版 Vue2.0API英文版Vue2.0API中文版 VUE系列...

  • vue3.0学习笔记

    一、vue3.0比vue2.0快1.2~2倍 1、优化了diff算法:vue2.0是进行全量的比对vue3.0只对...

网友评论

    本文标题:vue2.0专题:vue 索引操作

    本文链接:https://www.haomeiwen.com/subject/bdajettx.html