简单理解vue中实例属性vm.$els
vue实例属性vm.$els到底是什么？有哪些需要注意的？具体请阅读本文。
不需要表达式
参数： id（必需）
用法：
为 DOM 元素注册一个索引，方便通过所属实例的 $els 访问这个元素。
注意：
因为 HTML 不区分大小写，camelCase 名字比如 v-el:someEl 将转为全小写。可以用 v-el:some-el 设置 this.$els.someEl。
我的理解：$els类似于document.querySelector('.class')的功能,可以拿到指定的dom元素。
Eg:
<div v-el:mainContainer></div>
var _dom = this.$els.maincontainer
注意：在取该dom元素时,不识别驼峰命名,如上例,绑定的值为mainContainer,但是在取dom的时候只能写maincontainer,否则将无法识别.
其实在上一篇文章中我就用到了 vue的实例属性 vm.$els
HTML代码：
<input type="text" class='name-input' placeholder='请填写项目名称' v-on:keyup.enter='saveProjectFun' v-el:addProject>
js代码：
//当用户按回车后，保存添加的项目 saveProjectFun:function(){ var obj={} obj.success=false; let name=this.$els.addproject.value; obj.projectName=name.replace(/\s+/g,""); this.projectData.push(obj); this.addp=true; }
其实 this.$els.addproject.value就相当于：document.querySelector('.name-input').value
本文已被整理到了《Vue.js前端组件学习教程》，欢迎大家学习阅读。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍简单理解vue中Props属性，包括了简单理解vue中Props属性的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家解析了vue中Props的属性，供大家参考，具体内容如下 使用 Props 传递数据 组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。可以使用 props 把数据传给子组件。 “prop” 是组件数据的一个字段，期望从父组件
-
本文向大家介绍vue组件watch属性实例讲解，包括了vue组件watch属性实例讲解的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了vue组件watch属性的具体代码，供大家参考，具体内容如下 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍Vue 实例事件简单示例，包括了Vue 实例事件简单示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Vue 实例事件。分享给大家供大家参考，具体如下： 运行结果： 感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。 希望本文所述对大家vue.js程序设计
-
本文向大家介绍vue实现简单表格组件实例详解，包括了vue实现简单表格组件实例详解的使用技巧和注意事项，需要的朋友参考一下 本来想这一周做一个关于vuex的总结的，但是由于朋友反应说还不知道如何用vue去写一个组件，所以在此写写一篇文章来说明下如何去写vue页面或者组件。vue的核心思想就是组件，什么是组件呢？按照我的理解组件就是装配页面的零件，比如一辆车有大大小小许多零件组成，那么同样的一个页面
-
本文向大家介绍简单理解Vue中的nextTick方法，包括了简单理解Vue中的nextTick方法的使用技巧和注意事项，需要的朋友参考一下 Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。 一、示例 先来一个示例了解下关于Vue中的DOM更新以及next
-
本文向大家介绍java 多态性详解及简单实例，包括了java 多态性详解及简单实例的使用技巧和注意事项，需要的朋友参考一下 Java中多态性的实现 什么是多态 面向对象的三大特性：封装、继承、多态。从一定角度来看，封装和继承几乎都是为多态而准备的。这是我们最后一个概念，也是最重要的知识点。 多态的定义：指允许不同类的对象对同一消息做出响应。即同一消息可以根据发送对象的不同而采用多种不同的行为方式。