成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

VUE易疏漏的知識(shí)點(diǎn)

lily_wang / 2114人閱讀

摘要：知識(shí)點(diǎn)修飾符在文檔中，我們能看到這樣的講解中記錄的是組件的邏輯，應(yīng)該減少層操作。過(guò)渡模式過(guò)渡模式有效防止了的節(jié)點(diǎn)的擁擠行為笑利用的函數(shù)，我們可以輕松實(shí)現(xiàn)類似更新回調(diào)函數(shù)等效果。

知識(shí)點(diǎn)：




修飾符

在文檔中，我們能看到這樣的講解：VUE methods 中記錄的是組件的邏輯，應(yīng)該減少DOM層操作。那么，將 preventDefault、stopPropagation 等函數(shù)移植到 HTML 層面上來(lái)其實(shí)也是好處多多的，除了減輕 methods 本身的邏輯之外，也方便了交互邏輯的維護(hù)。
——

計(jì)算屬性的setter

我們經(jīng)常在 HTML 層去使用VUE的計(jì)算屬性，但是這樣并沒(méi)有100%利用計(jì)算屬性的對(duì)吧。
——

:style

除了綁定的樣式能在計(jì)算屬性中調(diào)用修改之外，使用 CSS MODUAL 后能在JS中直接調(diào)用 Styles。
——


![template 與 v-if、v-show
![Uploading 20171017_172248_941172.png . . .]
](http://upload-images.jianshu....

template 與 v-if、v-show

利用template給一整個(gè)組設(shè)定 v-if，的確是一個(gè)保養(yǎng)鍵盤(pán)的好方法。
——

v-if 與 v-for

一開(kāi)始以為誰(shuí)寫(xiě)在前面就誰(shuí)優(yōu)先級(jí)高的舉手 TOT
——

VUE 對(duì)象更新

我常使用 setTimeout(()=>{}, 0) 錯(cuò)開(kāi) VUE 對(duì)對(duì)象更新一些莫名奇妙的錯(cuò)誤（求講解）
——

v-for 快速循環(huán)

一開(kāi)始使用 v-for = "i in [1,2,3]".... 看到這里，簡(jiǎn)直想哭。
——

VUE 父子組件通信

如果 props 傳遞的是對(duì)象的話，其實(shí)在子組件是可以修改的，只是VUE會(huì)發(fā)出警告，子組件應(yīng)該盡量不要顯式地修改父組件的傳值。如圖，標(biāo)準(zhǔn)的VUE父子組件通信邏輯：prop 向下傳遞，emit 向上傳遞
——

綁定原生事件

根據(jù)文檔，VUE父組件在監(jiān)聽(tīng)子組件的 click 事件時(shí)，需要添加 native 修飾符。但實(shí)際上，我們可以根據(jù)VUE父子組件通信原則改寫(xiě)邏輯，直接監(jiān)聽(tīng) click
——

.sync

VUE 2.3.0之后，.native 變成了一個(gè)語(yǔ)法糖，使得我們可以直接在組件內(nèi)部，利用 emit 去更新相應(yīng)數(shù)值。
——


——

過(guò)渡模式

過(guò)渡模式有效防止了DOM的節(jié)點(diǎn)的擁擠行為/笑

nextTick

利用VUE的 nextTick 函數(shù)，我們可以輕松實(shí)現(xiàn)類似 DOM 更新回調(diào)函數(shù)等效果。
——

接下來(lái)是一些語(yǔ)法規(guī)范：

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/89257.html

相關(guān)文章

  • 【Vue原理】Vue源碼閱讀總結(jié)大會(huì) - 序

    摘要：扎實(shí)基礎(chǔ)幸好自己之前花了大力氣去給自己打基礎(chǔ)，讓自己現(xiàn)在的基礎(chǔ)還算不錯(cuò)。 寫(xiě)文章不容易，點(diǎn)個(gè)贊唄兄弟專注 Vue 源碼分享，文章分為白話版和 源碼版，白話版助于理解工作原理，源碼版助于了解內(nèi)部詳情，讓我們一起學(xué)習(xí)吧研究基于 Vue版本 【2.5.17】 如果你覺(jué)得排版難看，請(qǐng)點(diǎn)擊 下面鏈接 或者 拉到 下面關(guān)注公眾號(hào)也可以吧 【Vue原理】Vue源碼閱讀總結(jié)大會(huì) - 序 閱讀源碼是需...

    Edison 評(píng)論0 收藏0

  • 2019年7-8月份前端面試題

    摘要：站點(diǎn)接收到請(qǐng)求后，對(duì)請(qǐng)求進(jìn)行驗(yàn)證，并確認(rèn)是受害者的憑證，誤以為是無(wú)辜的受害者發(fā)送的請(qǐng)求。函數(shù)內(nèi)部語(yǔ)句返回的值，會(huì)成為方法回調(diào)函數(shù)的參數(shù)。 記錄我最近面試缺漏的知識(shí)點(diǎn) css 1.bootstrap如何實(shí)現(xiàn)手機(jī)PC端自適應(yīng) 媒體查詢 2.flex布局 父容器：（記得常用屬性） display:flex flex-direction： row | row-reverse | column ...

    shevy 評(píng)論0 收藏0

  • vue項(xiàng)目實(shí)戰(zhàn)(第二回)

    摘要：項(xiàng)目完整地址系列文章一系列文章二項(xiàng)目中路由的配置路由這一塊兒一直是我比較頭疼的問(wèn)題，在做項(xiàng)目的時(shí)候由于頁(yè)面過(guò)多，在做路由配置及跳轉(zhuǎn)的時(shí)候?qū)е鲁霈F(xiàn)了問(wèn)題，及時(shí)當(dāng)時(shí)已經(jīng)解決了，還是有點(diǎn)兒稀里糊涂，現(xiàn)在開(kāi)始做項(xiàng)目，我想趁著這個(gè)機(jī)會(huì)好好把路由捋一捋 項(xiàng)目完整地址： 系列文章一：https://segmentfault.com/a/11... 系列文章二：https://segmentfau...

    kidsamong 評(píng)論0 收藏0

  • laravel + vue.js 的前后端分離項(xiàng)目，一個(gè)分享原創(chuàng)詩(shī)文的網(wǎng)站

    摘要：一個(gè)前后端分離的的項(xiàng)目，網(wǎng)站主旨是分享原創(chuàng)詩(shī)文詩(shī)詞小筑。前臺(tái)頁(yè)面是由編寫(xiě)的，后端提供接口。而后臺(tái)管理頁(yè)面是由的模板與共同完成。因此我將它們放在兩個(gè)倉(cāng)庫(kù)里。由于很多地方都是自己的，所以網(wǎng)站設(shè)計(jì)的有些粗糙。配置郵件發(fā)送信息，采用。 About 一個(gè)前后端分離的 laravel5.4 + vue2 的項(xiàng)目，網(wǎng)站主旨是分享原創(chuàng)詩(shī)文--詩(shī)詞小筑。前臺(tái)頁(yè)面是由vue2編寫(xiě)的，后端提供api接口。而...

    sixgo 評(píng)論0 收藏0

  • laravel + vue.js 的前后端分離項(xiàng)目，一個(gè)分享原創(chuàng)詩(shī)文的網(wǎng)站

    摘要：一個(gè)前后端分離的的項(xiàng)目，網(wǎng)站主旨是分享原創(chuàng)詩(shī)文詩(shī)詞小筑。前臺(tái)頁(yè)面是由編寫(xiě)的，后端提供接口。而后臺(tái)管理頁(yè)面是由的模板與共同完成。因此我將它們放在兩個(gè)倉(cāng)庫(kù)里。由于很多地方都是自己的，所以網(wǎng)站設(shè)計(jì)的有些粗糙。配置郵件發(fā)送信息，采用。 About 一個(gè)前后端分離的 laravel5.4 + vue2 的項(xiàng)目，網(wǎng)站主旨是分享原創(chuàng)詩(shī)文--詩(shī)詞小筑。前臺(tái)頁(yè)面是由vue2編寫(xiě)的，后端提供api接口。而...

    Cheng_Gang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<