建站
咨詢
售后
建站咨詢
新聞中心
#概覽
成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站介紹好的網(wǎng)站是理念、設(shè)計(jì)和技術(shù)的結(jié)合。創(chuàng)新互聯(lián)擁有的網(wǎng)站設(shè)計(jì)理念、多方位的設(shè)計(jì)風(fēng)格、經(jīng)驗(yàn)豐富的設(shè)計(jì)團(tuán)隊(duì)。提供PC端+手機(jī)端網(wǎng)站建設(shè)，用營(yíng)銷(xiāo)思維進(jìn)行網(wǎng)站設(shè)計(jì)、采用先進(jìn)技術(shù)開(kāi)源代碼、注重用戶體驗(yàn)與SEO基礎(chǔ)，將技術(shù)與創(chuàng)意整合到網(wǎng)站之中，以契合客戶的方式做到創(chuàng)意性的視覺(jué)化效果。
- 非兼容：
data組件選項(xiàng)聲明不再接收純 JavaScriptobject，而需要function聲明。
當(dāng)合并來(lái)自 mixin 或 extend 的多個(gè) data 返回值時(shí)，現(xiàn)在是淺層次合并的而不是深層次合并的(只合并根級(jí)屬性)。
#2.x Syntax
在 2.x 中，開(kāi)發(fā)者可以定義 data 選項(xiàng)是 object 或者是 function。
例如：
雖然這對(duì)于具有共享狀態(tài)的根實(shí)例提供了一些便利，但是由于只有在根實(shí)例上才有可能，這導(dǎo)致了混亂。
#3.x Update
在 3.x，data 選項(xiàng)已標(biāo)準(zhǔn)化為只接受返回 object 的 function。
使用上面的示例，代碼只有一個(gè)可能的實(shí)現(xiàn)：
#Mixin 合并行為變更
此外，當(dāng)來(lái)自組件的 data() 及其 mixin 或 extends 基類(lèi)被合并時(shí)，現(xiàn)在將淺層次執(zhí)行合并：
const Mixin = {
data() {
return {
user: {
name: 'Jack',
id: 1
}
}
}
}
const CompA = {
mixins: [Mixin],
data() {
return {
user: {
id: 2
}
}
}
} 在 Vue 2.x中，生成的 $data 是：
{
user: {
id: 2,
name: 'Jack'
}
}在 3.0 中，其結(jié)果將會(huì)是：
{
user: {
id: 2
}
}#遷移策略
對(duì)于依賴對(duì)象聲明的用戶，我們建議：
- 將共享數(shù)據(jù)提取到外部對(duì)象并將其用作
data中的 property - 重寫(xiě)對(duì)共享數(shù)據(jù)的引用以指向新的共享對(duì)象
對(duì)于依賴 mixin 的深度合并行為的用戶，我們建議重構(gòu)代碼以完全避免這種依賴，因?yàn)?mixin 的深度合并非常隱式，這讓代碼邏輯更難理解和調(diào)試。
文章題目：創(chuàng)新互聯(lián)VUE3教程：Vue3.0Data選項(xiàng)
本文來(lái)源：http://m.fisionsoft.com.cn/article/coscsch.html
