Vue.js+vue-element搭建属于自己的后台管理模板:更深入了解Vue.js(三)
前言 上一章我们介绍了关于Vue实例中一些基本用法,但是组件、自定义指令、Render函数这些放到了本章来介绍,原因是它们要比前面讲的要难一些,组件是Vue.js最核心的功能,学习使用组件也是必不可少的知识点。 Vue实例属性和方法 在我们学习组件之前,更深入的了解下Vue实例,它除了data数据对象属性外,Vue实例还暴露了一些有用的实例属性和方法,它们都有前缀$,以便与用户定义的属性区分开来,详细适用方法可以查阅官方API文档。 实例属性: vm.$data:类型Object,Vue 实例观察的数据对象。Vue 实例代理了对其 data 对象属性的访问。 vm.$props:类型Object,当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象属性的访问。 vm.$el:类型:Element,只读,Vue 实例使用的根 DOM 元素。 vm.$options:类型Object,只读,用于当前 Vue 实例的初始化选项。需要在选项中包含自定义属性时会有用处 vm.$parent:类型:Vue instance,只读,父实例,如果当前实例有的话。 vm.$root:类型:Vue instance,只读,当前实例的直接子组件。需要注意 $children 并不保证顺序,也不是响应式的。如果你发现自己正在尝试使用 $children 来进行数据绑定