Vue.js 是一個(gè)流行的 JavaScript 框架，它的 3.0 版本近來已經(jīng)推出正式版，同時(shí)也帶來了許多改變。以下是一些值得注意的改變：

// 創(chuàng)建 Vue 實(shí)例現(xiàn)在需要使用 createApp 函數(shù)
import { createApp } from 'vue'
const app = createApp({
data() {
return {
message: 'Hello, Vue 3.0!'
}
}
})
// 組件標(biāo)簽的使用
// 不再需要使用 Vue.component，而是變成了 app.component
app.component('my-component', {
// ...
})

使用 Composition API 來創(chuàng)建組件

import { reactive } from 'vue'
export default {
setup() {
const state = reactive({ count: 0 })
function increment() {
state.count++
}
return {
state,
increment
}
}
}

透過 Proxy 的重寫被優(yōu)化

const user = {
id: 1,
name: 'Vue 3',
frameworks: {
'view': 'Vue 2'
}
}
// Vue2 需要寫 set/get 方法來實(shí)現(xiàn)響應(yīng)式
Vue.set(user.frameworks, 'routing', 'Vue Router')
// 使用 Vue3 的 Proxy
user.frameworks.routing = 'Vue Router'

弱化的 v-bind

// Vue2 必須要有雙向數(shù)據(jù)綁定// Vue3 提供了雙向數(shù)據(jù)綁定的方式，但不限于 v-model