vue實例方法 example methods

時間 2019-11-10

標籤 vue 實例方法 example methods 简体版

原文原文鏈接

介紹幾個vue 的實例方法：html

- $destroy()==>銷燬方法vue

- $forceUpdate()==>更新方法jquery

- $nextTick()==>數據修改方法app

須要配合鉤子函數使用函數

具體代碼以下：ui

<!DOCTYPE html>

<head>

<title>example methods demo</title>

</head>

<body>

<h1>example methods demo</h1>

<hr>

<button onclick="destroy()">destroy</button>

<button onclick="reload()">reload</button>

var js = Vue.extend({

template: `<p>{{ message }}</p>`,

data() {

return {

message: 'hello'

}

mounted() {

console.log('mounted 被建立');

destroyed() {

console.log('destroyed 銷燬以後');

updated() {

console.log('updated 更新以後');

})

var vm = new js().$mount('#app')

function destroy() {

vm.$destroy() // 銷燬方法

}

function reload() {

vm.$forceUpdate() // 更新方法

}

function tick() {

vm.message = 'updated message info'

vm.$nextTick(function () { // 數據修改方法

console.log('message 更新後調用');

})

}

</script>

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。