每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 根Root实例开始的:
// 创建Vue实例
var vue = new Vue({
// 选项对象
});
当创建一个 Vue 实例时,你可以传入一个选项对象, 选项对象包括(例举):
- DOM (视图):
- el: 渲染的html元素
- template: 渲染的模板(组件开发时用)
- render: 渲染函数(组件开发时用)
- 数据/方法
- data: 数据
- props: 组件属性((组件开发时用))
- methods: 方法
- computed: 计算属性
- watch: 监控属性
- 生命周期钩子(不同阶段自动回调的函数)
- beforeCreate
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- beforeDestory
- destoryed
Vue实例常用的方法:
vm.$mount() 挂载方法 (常用于组件开发) 如果Vue 实例在实例化时没有指定 el 选项,则它处于“未挂载”状态,没有关联的 DOM 元素,可以使用 vm.$mount() 手动地挂载一个未挂载的实例。
vm.$emit() 定义触发当前实例上的事件 (常用于组件开发) 触发当前实例上的事件。附加参数都会传给监听器回调。