摘要：就是实例中的对象当前组件接收到的对象。当前组件数的根实例如果当前实例没有父实例，此实例将会是其自己当前实例的直接子组件。
vue实例
每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：
var vm = new Vue({
// 选项
})
当创建一个 Vue 实例时，你可以传入一个选项对象。作为参考，你也可以在 api/#选项-数据 文档 中浏览完整的选项列表。
const app = new Vue({
el: "#root", // vue实例挂载的位置，如果不用el挂载，则也可以用app.#mount("#root")
template: "{{text}} {{obj.a}}
", //模板选项
data: { //实例数据选项
text: 0
}
})
vue实例属性（常用）
除了数据属性，Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来。
$data
app.$data //{text:1},就是vue实例中的data对象
$props
app.$props // 当前组件接收到的 props 对象。父组件向子组件传递的数据
$el
app.$el //vue挂载的dom节点
$options
// 需要在选项中包含自定义属性时会有用处
app.$options //当前 Vue 实例的初始化选项，注意：直接修改app.$options.data.text = 1的值是没有效果的
$parent
app.$parent //父实例，如果当前实例有的话。
$root
app.$root //当前组件数的根vue实例,如果当前实例没有父实例，此实例将会是其自己
$children
// 当前实例的直接子组件。使用组件时使用，比如使用
$slots
app.$slots//作为插槽的时候引用
app.$scopedSlots//
$refs
//模板的引用，快速定位到节点或组件，返回HTML对象或组件，例如
app.$refs
$isServer
app.$isServer//当前 Vue 实例是否运行于服务器。 应用于服务端渲染
实例方法
$watch( expOrFn, callback, [options] )
app.$watch //监听数据变化时执行，与选项里面的watch一样
对比：
unWatch = this.$watch("text", (newText, oldText) => {
console.log(`${newText} : ${oldText}`)
})
watch: {
text(newText, oldText) {
console.log(`${newText} : ${oldText}`);
}
},
//使用watch监听时，组件销毁时会自动销毁，而$watch则不会，必须自己调用unWatch()进行销毁
$on(event,callback) $emit( eventName, […args] ) $once( event, callback )
//监听事件
app.$on("test", function (msg) {
console.log(msg) //hi
})
//触发事件
app.$emit("test", "hi")
//监听事件,只触发一次
app.$once("test", function (msg) {
console.log(msg) //hi
})
$forceUpdate()
//迫使 Vue 实例重新渲染。
app.$forceUpdate()
//当给初始化未设置的属性时，就不会自动响应数据，这样迫使重新渲染，可以重新响应
//尽量不要以这种方式来做，这样性能开销很大
$set( target, key, value ) $delete( target, key )
//设置某一个值
app.$set(this.obj,"a",i)
//删除某一个值
app.$set(this.obj,"a)
$nextTick ( [callback] )
//$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM，Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是异步更新的
new Vue({
// ...
methods: {
// ...
example: function () {
// 修改数据
this.message = "changed"
// DOM 还没有更新
this.$nextTick(function () {
// DOM 现在更新了
// `this` 绑定到当前实例
this.doSomethingElse()
})
}
}
})
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/110157.html
