vue的实例对象

首先，用js的新关键字实例化一个vue

el: vue组件或对象可以通过id、类或标签名加载到页面的位置

Template:托管内容。HTML代码/包含指令或其他组件的HTML片段，模板将是我们使用的模板

**数据：**数据通过数据引入组件

组件中的数据应该以函数的形式返回数据。当不同的接口使用同一个组件时，其他页面的内容不会因为一个组件的值改变而改变。

{{}}数据变量放在双括号语法中

组件注册语法糖

全局组件

一种方法：

调用Vue.extend()方法创建组件构造函数

调用Vue.component(组件标签，组件构造函数)方法注册组件

组件只能在Vue实例的范围内使用

/*A方法全局组件1:*///1。Vue.extend()创建组件构造函数var mycomponent=Vue.extend({ /*组件内容*/template3360.数据：})//2.vue.com注册组件vue.com。方法b(就像方法a一样，简单编写):

没有方法的第一步，直接调用Vue.component(标签名，选项对象)方法

/*B方法全局组件2: */vue.component(' my-component 2 '，{/* component content */template 3360.数据：}/*调用html中的组件，直接在html中相应的位置使用组件标签*/mycomponent1/mycomponent1/。

` ` ` JavaScript var part component 2={ El : …, data: { …… } } new Vue({ El : ' # app '，data : {……}，component 3360 {/* A方法：local component 1/' part-component 1 ' : part component 1 }，/B方法local component 2 */' part-component 2 ' 3: { El 3360.data: {.}})` `子组件

创建方法类似于上述两种方法，只是位置放置在组件内部。

var compentchild={el: …，data :…} component 3360 { El 3360…，data : {…} component 3360 { ' component-child ' 3360 component child } }具有内置组件

没有必要在组件内部声明组件。相反，直接使用标签。例如，内置组件用在下面的myHeader中，根视图、keep-alive等也是vue自己提供的内置组件。

var my header={template: '组件/组件根视图/rooot-view'}的摘要

以上是边肖介绍的vue.js实例对象组件树的详细介绍，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！