Vue 是一款流行的 JavaScript 框架，它簡化了開發者構建用戶界面的過程。Vue 為開發者提供了一套方便的方法，可以對頁面元素進行初始化，狀態綁定，事件綁定等操作。下面我們來了解一下 Vue 中的方法名。

// Vue 方法名
// 模板語法渲染
new Vue({
el: '#app',
data: {
msg: 'Hello, Vue!'
}
})
// 定義「模板」模版內部的渲染順序，這個是針對同步渲染情況下的，默認開啟。
Vue.config.performance = true
// 渲染函數，通常用來做一些特殊的渲染操作，如生成虛擬 dom 樹。
Vue.component('my-component', {
// data 和 props 需要特殊處理
data: function () {
return {
count: 0
}
},
props: {
// 要求為數字類型
propA: Number,
// 不要求
propB: [String, Number],
// 可以是任何類型
propC: {
type: null,
required: true
},
// 可以是任何類型，也可以為空
propD: {
type: null,
default: 'hello'
},
// 自定義校驗函數
propE: {
validator: function (value) {
return value >10
}
}
},
template: '
{{ msg }}
'
})
// 使用 render 渲染組件
Vue.component('my-component', {
render: function (createElement) {
return createElement('div', this.msg)
}
})
// 使用 mixin 給多個組件混入相同的邏輯
var myMixin = {
created: function () {
this.hello()
},
methods: {
hello: function () {
console.log('hello from mixin!')
}
}
}
// 定義一個使用 mixin 的組件
Vue.component('my-component', {
mixins: [myMixin],
template: '
Hello from my-component
'
})