国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

VUE實踐總結(jié)

channg / 1232人閱讀

摘要：前言本文主要總結(jié)了自己實際開發(fā)項目當(dāng)中遇到的一些常見問題以及解決方案組件的是當(dāng)一個組件被定義，必須聲明為返回一個初始數(shù)據(jù)對象的函數(shù)，因為組件可能被用來創(chuàng)建多個實例。實在要比較只能比較對象的具體值了。

前言

本文主要總結(jié)了自己vue實際開發(fā)項目當(dāng)中遇到的一些常見問題以及解決方案

VUE組件的data是function 
當(dāng)一個組件被定義，data?必須聲明為返回一個初始數(shù)據(jù)對象的函數(shù)，因為組件可能被用來創(chuàng)建多個實例。如果?data?仍然是一個純粹的對象，則所有的實例將共享引用同一個數(shù)據(jù)對象！

解釋：如我們所知，Object是引用類型，如果組件的data是Object就會影響到所有的實例

VUE如何傳遞參數(shù)給子組件

對于父組件來說等價于給子組件綁定了一個屬性

// parent.vue

然后子組件需要通過props接收到父組件的參數(shù)

// child.vue
props:{
    isShow:{
        type:Boolean,
        default:false
    }
}
VUE子組件如何傳遞參數(shù)給父組件

對于數(shù)據(jù)繞子組件執(zhí)行一圈又回到父組件的需求是很常見的。

對于子組件來說，子組件處理完邏輯后通過$emit發(fā)送一個消息（事件）

// child.vue
methods:{
    logic(){
        this.$emit("someMsg",param1,param2);
    }
}

對于父組件來說，在子組件的"標(biāo)簽"上監(jiān)聽這個消息（事件）

// parent.vue
VUE父組件調(diào)用子組件的function 
// parent.vue
VUE修改數(shù)據(jù)視圖不更新問題

新手經(jīng)常會碰到這種情況，我明明改變了這個變量，但是視圖竟然沒有更新，說好的mvvm呢，黑人問號？

產(chǎn)生的原因很可能就是下面這句話了

因為 Vue 無法探測普通的新增屬性 (比如?this.myObject.newProperty = "hi")

細糾一下原因就是，vue的響應(yīng)式原理是get的時候依賴收集 （添加Watcher），set的時候通知相關(guān)的Watcher進行視圖更新，直接給對象添加一條數(shù)據(jù)自然沒有這個過程，所以自然無法更新視圖啦~

解決方案：Vue.set( target, key, value ) （別名：vm.$set(target, key, value) ）

VUE watch配置注意事項

computed的作用是監(jiān)聽數(shù)據(jù)變化計算出屬性，watch的作用就是監(jiān)聽數(shù)據(jù)變化執(zhí)行相應(yīng)的邏輯，but這里需要注意一下

如果你監(jiān)聽的是一個對象，你需要這樣

然后還有，因為是對象，所以oldValue!==newValue行不通滴。實在要比較只能比較對象的具體值了。然后這里又容易觸發(fā)另外一個問題，數(shù)據(jù)初始化的時候也會觸發(fā)watch，so要做好臨界判斷哦~~

vue生命周期階段詳解

大致可以分為8個階段

beforeCreate：創(chuàng)建前，這個階段組件的$data和$el都為undefined

created：創(chuàng)建完成，這個階段$data已經(jīng)初始化完成

beforeMount：$el依然為undefined，虛擬dom階段

mounted：$el掛載值

beforeUpdate：組件更新前

updated：組件更新后

beforeDestroy：組件銷毀前

destroy：組件銷毀后

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/95338.html

相關(guān)文章

  • 前端每周清單年度總結(jié)與盤點

    摘要：前端每周清單年度總結(jié)與盤點在過去的八個月中，我?guī)缀踔蛔隽藘杉?，工作與整理前端每周清單。本文末尾我會附上清單線索來源與目前共期清單的地址，感謝每一位閱讀鼓勵過的朋友，希望你們能夠繼續(xù)支持未來的每周清單。 showImg(https://segmentfault.com/img/remote/1460000010890043); 前端每周清單年度總結(jié)與盤點 在過去的八個月中，我?guī)缀踔蛔隽?..

    jackwang 評論0 收藏0

  • Vue開發(fā)總結(jié) 及 一些最佳實踐 （已更新）

    摘要：基本開發(fā)環(huán)境創(chuàng)建的項目，作為代碼編寫工具插件推薦插件配置文章目錄項目目錄結(jié)構(gòu)介紹框架選擇處理請求二次封裝項目目錄結(jié)構(gòu)簡介業(yè)務(wù)相關(guān)靜態(tài)文件全局組件基礎(chǔ)樣式布局樣式及工具引入請求配置路由全局狀態(tài)管理工具文件入口文件主要配置文件頁面檢查配置測試 基本開發(fā)環(huán)境 vue-cli3 創(chuàng)建的項目，vscode 作為代碼編寫工具vscode插件推薦：vscode 插件配置 文章目錄 項目目錄結(jié)構(gòu)介紹...

    NotFound 評論0 收藏0

  • 個人分享--web前端學(xué)習(xí)資源分享

    摘要：前言月份開始出沒社區(qū)，現(xiàn)在差不多月了，按照工作的說法，就是差不多過了三個月的試用期，準(zhǔn)備轉(zhuǎn)正了一般來說，差不多到了轉(zhuǎn)正的時候，會進行總結(jié)或者分享會議那么今天我就把看過的一些學(xué)習(xí)資源主要是博客，博文推薦分享給大家。 1.前言 6月份開始出沒社區(qū)，現(xiàn)在差不多9月了，按照工作的說法，就是差不多過了三個月的試用期，準(zhǔn)備轉(zhuǎn)正了！一般來說，差不多到了轉(zhuǎn)正的時候，會進行總結(jié)或者分享會議！那么今天我就...

    sherlock221 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<