在Vue中,有許多方法可以用來處理數據,事件和渲染。下面是一些常用的Vue方法:
new Vue(options)
這是用來創建Vue實例的方法。它接受一個選項對象,包含許多可配置的屬性。下面是一個例子:
var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } })
在這個例子中,我們創建了一個Vue實例,并傳入了一個選項對象。el屬性表示Vue要掛載到哪個元素上,data屬性表示Vue的數據對象,message屬性是其中的一個數據屬性。當我們訪問{{message}}時,Vue會將其替換為data對象中的message屬性的值。
Vue.component(name, options)
這個方法用來創建Vue組件。它接受兩個參數:組件名稱和選項對象。選項對象中可以包含數據,方法,渲染函數等等。下面是一個例子:
Vue.component('my-component', { template: 'A custom component!' })
在這個例子中,我們創建了一個名為“my-component”的組件,并定義了一個模板,用來渲染組件的內容。當我們在Vue的模板中使用< my-component >時,Vue會自動使用這個模板來渲染組件。
vm.$watch(expOrFn, callback, [options])
這個方法用來監測Vue實例上的數據變化。它接受三個參數:要監測的表達式或函數,當表達式或函數的值發生變化時調用的回調函數,以及一個可選的選項對象。下面是一個例子:
var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) app.$watch('message', function (newVal, oldVal) { console.log('message changed from', oldVal, 'to', newVal) })
在這個例子中,我們創建了一個Vue實例,并使用$watch方法來監測message變量的變化。當message變量的值發生變化時,會調用回調函數,打印出舊值和新值。
上一篇雀巢css