06Vue - Vue实例(构造器)

简介: 06Vue - Vue实例(构造器)

每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的:

var vm = new Vue({
  // 选项
})

虽然没有完全遵循 MVVM 模式, Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm这个变量名表示 Vue 实例。

在实例化 Vue 时,需要传入一个选项对象,它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。全部的选项可以在 API 文档中查看。

可以扩展 Vue 构造器,从而用预定义选项创建可复用的组件构造器

var MyComponent = Vue.extend({
  // 扩展选项
})
// 所有的 `MyComponent` 实例都将以预定义的扩展选项被创建
var myComponentInstance = new MyComponent()

尽管可以命令式地创建扩展实例,不过在多数情况下建议将组件构造器注册为一个自定义元素,然后声明式地用在模板中。我们将在后面详细说明组件系统。现在你只需知道所有的 Vue.js 组件其实都是被扩展的 Vue 实例。

目录
相关文章
|
5天前
|
JavaScript
vue 函数化组件
vue 函数化组件
|
2天前
|
JavaScript
vue异步渲染
vue异步渲染
|
6天前
|
JavaScript
vue中watch的用法
vue中watch的用法
|
6天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
2天前
|
JavaScript 定位技术 API
|
6天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
5天前
|
JavaScript API
vue学习(13)监视属性
vue学习(13)监视属性
19 2
|
5天前
|
JavaScript 前端开发
vue学习(15)watch和computed
vue学习(15)watch和computed
17 1
|
5天前
|
JavaScript
vue学习(14)深度监视
vue学习(14)深度监视
18 0
|
10天前
|
JavaScript
Vue组件传值异步问题--子组件拿到数据较慢
Vue组件传值异步问题--子组件拿到数据较慢
14 0