一：Vue.prototype 變為 app.config.globalProperties
~~~
// 之前 - Vue 2
Vue.prototype.$http = () => {}
// 之后 - Vue 3
const app = createApp({})
app.config.globalProperties.$http = () => {}
~~~
二：Vue.extend 移除 使用 createApp代替
~~~
// 之前 - Vue 2
// 創建構造器
const Profile = Vue.extend({
template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>',
data() {
return {
firstName: 'Walter',
lastName: 'White',
alias: 'Heisenberg'
}
}
})
// 創建一個 Profile 的實例，并將它掛載到一個元素上
new Profile().$mount('#mount-point')
~~~
~~~
// 之后 - Vue 3
const Profile = {
template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>',
data() {
return {
firstName: 'Walter',
lastName: 'White',
alias: 'Heisenberg'
}
}
}
Vue.createApp(Profile).mount('#mount-point')
~~~
