一经伙、vue3 與vue2的區(qū)別
1蒲稳、創(chuàng)建方式不同
vue2 是一個(gè)構(gòu)造函數(shù)湿酸，通過new創(chuàng)建一個(gè)Vue實(shí)例
new Vue({})
vue3是一個(gè)對(duì)象胳徽。通過對(duì)象Vue的createApp()方法創(chuàng)建一個(gè)vue實(shí)例
Vue.createApp({})
2积锅、掛載容器的方式不同
vue2
new Vue({
el: '#app'
})
new Vue({}).$mount('#app')
vue3
Vue.createApp({}).mount('#app')
3、data選項(xiàng)不同
vue2 可以是一個(gè)對(duì)象或者由方法返回一個(gè)對(duì)象
new Vue({
el: '#app',
data: {}
}
//或者
new Vue({
el:'#app',
data(){
return{}
}
})
vue3只能由方法返回一個(gè)對(duì)象
Vue.createApp({
data(){
return {}
}
})
4养盗、響應(yīng)式的不同
vue2的屬性不具備相應(yīng)式缚陷，要實(shí)現(xiàn)響應(yīng)式有兩種方法
(1). forceUpdate()強(qiáng)制刷新頁面，比較損耗性能
(2). set()方法給對(duì)象添加新屬性往核，針對(duì)性強(qiáng)制刷新箫爷，性能消耗低
(3). push 、pop聂儒、 unshift蝶缀、 shift、sort薄货、reverse、splice
this.$forceUpdate()
或
this.$set(this.star,'sex','男')
vue3 實(shí)現(xiàn)響應(yīng)式數(shù)據(jù)
