先问大家一个简单的问题: 还有人记得 jquery 里面的 data 方法是如何让 DOM 节点绑定对应的数据对象的吗 有时候我们做节点关联设计的思路其实有一点类似,但是在 vue 里面多了很多概念,比如: 1.vnode: 如何生成的,包含子父关系.属性 data2.内置的 ref 对象的 create 如何注册3.生命周期:解析到根节点之后获取 outerHTML 再一步一步解析子元素 用惯 vue 的人都会很熟悉地: 使用 ref 来注册引用信息,再通过 $refs 对象就可以做关联 但是…

关于ref和$refs的用法及讲解,vue.js中文社区( https://cn.vuejs.org/v2/api/#ref )是这么讲解的: ref 被用来给元素或子组件注册引用信息,引用信息将会注册在父组件的 $refs 对象上. 如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素:如果用在子组件上,引用就指向组件: vue.js中文社区文档上的说明已经就比较通俗易懂了,其实我们可以这么理解,ref和$refs其实就是用来获取/操作DOM元素的:类似于jquey中的$(".xxx…

如图,ref 被用来给元素或子组件注册引用信息.引用信息将会注册在父组件的 $refs 对象上.如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素:如果用在子组件上,引用就指向组件实例: 在上面的例子中,input的引用信息为input1 ,$refs 是所有注册过的ref的一个集合, console.log(this.$refs.input1)//<input type="text" id="input1"> console.log(doc…

一. ref使用在父组件上 父组件html: <information ref='information'></information> import information from './information' components:{information,bill,means}, 在父组件上使用子组件的值,js :this.$refs.information.isAdd;   isAdd是information组件的data的属性. 二.ref使用在元素上 例如本组件ht…

ref是被用来给元素或子组件注册引用信息.引用信息将注册在父组件的 $refs 对象身上.如果在普通的DOM元素身上使用,引用指向就是DOM元素:如果用在子组件身上,引用就是指向组件实例. 当v-for用于元素或组件身上时,引用循序就是将包含DOM节点或组件实例的数组. 关于ref注册时间的重要说明:因为ref本身就是作为渲染结果被创建的,在初始渲染的时候不能被范文-他们还不存在! $ref也不是响应式的,因此你不应该试图它用在模板中做数据绑定. 补充一点: 如果你一定要在钩子函数 create…

一.$refs 一个对象,持有ref注册过的所有元素或子组件.(注册过的 ref 的集合) 二.ref 被用来给元素或子组件注册引用信息.若用在dom元素上,引用指向的就是dom元素:若用在子组件上,引用指向的是子组件.(引用信息注册在父组件的$refs对象上) <!-- `vm.$refs.p` will be the DOM node --> <p ref="p">hello</p> <!-- `vm.$refs.child` will b…

参考博客:https://www.cnblogs.com/xumqfaith/p/7743387.html…

ref 被用来给DOM元素或子组件注册引用信息.引用信息会根据父组件的 $refs 对象进行注册.如果在普通的DOM元素上使用,引用信息就是元素; 如果用在子组件上,引用信息就是组件实例 注意:只要想要在Vue中直接操作DOM元素,就必须用ref属性进行注册 实例: 这里为了在create的时候引用DOM元素,先在DOM中使用ref标签进行了注册,然后便可以通过’this.$refs’再跟注册时的名称来引用DOM元素了 第二部分 vue中的 ref 和 $refs   如图,ref 被用来给元素…

1.key 当使用key时,必须设置兄弟元素唯一的key,当key排列顺序变化时,兄弟元素会重新排列,而当key的值变化时,这个元素会被重新渲染. 有相同父元素的子元素必须有独特的 key.重复的 key 会造成渲染错误. 例子 v-if中用 key 管理可复用的元素 允许用户在不同的登录方式之间切换: <template> <div id="app"> <button @click="changeState">切换</bu…

Oracle 系列:REF Cursor 在上文  Oracle 系列:Cursor  (参见:http://blog.csdn.net/qfs_v/archive/2008/05/06/2404794.aspx)中  提到个思考:怎样让游标作为参数传递? 解决这个问题就需要用到 REF Cursor . 1,什么是 REF游标 ?  动态关联结果集的临时对象.即在运行的时候动态决定执行查询.   2,REF 游标 有什么作用?  实现在程序间传递结果集的功能,利用REF CURSOR也可以实现…