4-2.Vue中的实例方法

Vue实例和内置组件

Vue实例方法

下面将分别介绍vue的实例方法：
$mount()：用来挂载我们的扩展的
$destroy()：用来销毁整个挂载的
$forceUpdate()：用来提示更新数据的
$nextTick()：用来提示数据已经被修改的
结合vue的几个生命周期，可以更好的理解这些实例方法

实例方法

一. $mount()方法的示例
先构造一个外部扩展：

var demoExtendsObject=Vue.extend({
   
	template:`<p style="color:green">{
   {
   messages}}</p>`,
	data:function(){
   
		return{
   
			messages:'这是vue实例方法中的$mount()方法'
		}
	}
});

实例化扩展，调用$mount()方法进行元素挂载

var vm=new demoExtendsObject().$mount("#demo")

运行结果：

二. $destroy()方法的示例
新建一个按钮，完成销毁功能，调用vue生命周期中的destroyed()方法，查看该方法的运行效果。

<p><button onclick="destroy()">销毁</button></p>

调用vue生命周期中的destroyed()方法：

destroyed:function(){
   
	console.log("destroyed 已经被销毁")