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

資訊專欄INFORMATION COLUMN

手挽手帶你學(xué)VUE：三檔 VUE構(gòu)造期內(nèi)常用屬性

shengguo / 2514人閱讀

摘要：視頻教程由于思否不支持視頻外鏈視頻請(qǐng)移步你能學(xué)到什么手挽手帶你學(xué)入門(mén)三檔構(gòu)造器內(nèi)部的各種屬性的使用，，，，這四個(gè)屬性，在工作中會(huì)經(jīng)常用到。在構(gòu)造器的外部我們也可以通過(guò)實(shí)例來(lái)調(diào)用方法。

視頻教程 由于思否不支持視頻外鏈 視頻請(qǐng)移步 http://www.henrongyi.top 你能學(xué)到什么

手挽手帶你學(xué)VUE入門(mén)三檔,VUE構(gòu)造器內(nèi)部的各種屬性的使用，methods，computed，watch，filters這四個(gè)屬性，在工作中會(huì)經(jīng)常用到。還有很多混合屬性例如mixin等，后期會(huì)有視頻多帶帶介紹，我們現(xiàn)在先做到入門(mén)可以開(kāi)發(fā)，不常用的用法后期會(huì)給大家補(bǔ)充，學(xué)完這一期，你已經(jīng)可以開(kāi)發(fā)一個(gè)小項(xiàng)目玩一下了。

methods選項(xiàng) 
methods是我們VUE中的事件處理器，你可以把方法寫(xiě)在這里面，并且在構(gòu)造器內(nèi)部通過(guò)this.方法名調(diào)用，之前的學(xué)習(xí)中我們已經(jīng)使用過(guò)這個(gè)方法，但是這里強(qiáng)調(diào)一下，千萬(wàn)不可以用箭頭函數(shù)，畢竟這里我們的this是需要指向VUE實(shí)例的。在VUE構(gòu)造器的外部我們也可以通過(guò)實(shí)例來(lái)調(diào)用方法。這里給大家舉個(gè)例子。



    
    
    
    Document
    


    

        {{num}}
computed選項(xiàng) 
還記得我們第一期講的那個(gè)在差值表達(dá)式內(nèi)寫(xiě)簡(jiǎn)單的JS表達(dá)式嗎{{message.split("").reverse().join("")}}，
實(shí)際上這樣處理數(shù)據(jù)是不優(yōu)雅的，VUE為我們提供了computed這個(gè)選項(xiàng)來(lái)處理數(shù)據(jù)，我們稱它為計(jì)算屬性，當(dāng)邏輯復(fù)雜的時(shí)候
我們就應(yīng)當(dāng)使用 computed計(jì)算屬性了。




    
    
    
    Document
    


    

        
Original message: "{{ message }}"

        
Computed reversed message: "{{ reversedMessage }}"

這是一個(gè)計(jì)算屬性的簡(jiǎn)單用例，實(shí)際上，計(jì)算屬性內(nèi)部存在get和set兩個(gè)方法，我們稱他為 getter和setter，這里我給大家上代碼講解。




    
    
    
    Document
    


    

        
{{firstName}}

        
{{lastName}}

        
{{fullName}}

vm.fullName = "John Doe" 大家可以在外部直接修改fullName或者在控制臺(tái)修改 都可以觸發(fā)fullName的set事件來(lái)修改 firstName和lastName

watch選項(xiàng) 
Vue中我們想要盯著一個(gè)數(shù)據(jù)，在它發(fā)生變化的時(shí)候就要做什么事，這時(shí)候我們就要用到watch偵聽(tīng)器。
具體用法也是很簡(jiǎn)單的，我們先來(lái)一個(gè)淺監(jiān)聽(tīng)。每次改變都會(huì)觸發(fā)監(jiān)聽(tīng)的function 它接受兩個(gè)參數(shù) 當(dāng)前的val和改變前的
oldval，我們可以根據(jù)這個(gè)做出判斷



    
    
    
    Document
    


    

        
{{Name}}

        
{{ChangeName}}
filters選項(xiàng) 
Vue.js 允許你自定義過(guò)濾器，可被用于一些常見(jiàn)的文本格式化。過(guò)濾器可以用在兩個(gè)地方：雙花括號(hào)插值和 v-bind 表達(dá)式 (后者從 2.1.0+ 開(kāi)始支持)。過(guò)濾器應(yīng)該被添加在 JavaScript 表達(dá)式的尾部，由“管道”符號(hào)指示



    
    
    
    Document
    


    

        
            

                
                {{ message | capitalize }}

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

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

相關(guān)文章

  • 手挽手帶你學(xué)VUE：三檔 VUE構(gòu)造期內(nèi)常用屬性

    摘要：視頻教程由于思否不支持視頻外鏈視頻請(qǐng)移步你能學(xué)到什么手挽手帶你學(xué)入門(mén)三檔構(gòu)造器內(nèi)部的各種屬性的使用，，，，這四個(gè)屬性，在工作中會(huì)經(jīng)常用到。在構(gòu)造器的外部我們也可以通過(guò)實(shí)例來(lái)調(diào)用方法。 視頻教程 由于思否不支持視頻外鏈 視頻請(qǐng)移步 http://www.henrongyi.top 你能學(xué)到什么 手挽手帶你學(xué)VUE入門(mén)三檔,VUE構(gòu)造器內(nèi)部的各種屬性的使用，methods，compute...

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

  • 手挽手帶你學(xué)VUE：二檔 組件開(kāi)發(fā)以及常用全局api

    摘要：我們想要在中做到子傳參給父，那我們的父組件就要像子組件伸出小偷之手。所在組件的更新時(shí)調(diào)用，但是可能發(fā)生在其子更新之前。指令所在組件的及其子全部更新后調(diào)用。 視頻教程 由于思否不支持視頻鏈接 視頻請(qǐng)移步 http://www.henrongyi.top 你能學(xué)到什么 二檔視頻當(dāng)然要比一檔視頻難一點(diǎn)，如果前面的內(nèi)容還沒(méi)有消化完畢的話，還是建議大家繼續(xù)消化前面的內(nèi)容，然后再看接下來(lái)的部分。...

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

  • 手挽手帶你學(xué)VUE：二檔 組件開(kāi)發(fā)以及常用全局api

    摘要：我們想要在中做到子傳參給父，那我們的父組件就要像子組件伸出小偷之手。所在組件的更新時(shí)調(diào)用，但是可能發(fā)生在其子更新之前。指令所在組件的及其子全部更新后調(diào)用。 視頻教程 由于思否不支持視頻鏈接 視頻請(qǐng)移步 http://www.henrongyi.top 你能學(xué)到什么 二檔視頻當(dāng)然要比一檔視頻難一點(diǎn)，如果前面的內(nèi)容還沒(méi)有消化完畢的話，還是建議大家繼續(xù)消化前面的內(nèi)容，然后再看接下來(lái)的部分。...

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

  • 手挽手帶你學(xué)React：三檔 React-router4.x的使用

    摘要：我們?cè)趦?nèi)部來(lái)渲染不同的組件我們這里采用哈希路由的方式，鑒于的渲染機(jī)制，我們需要把值綁定進(jìn)入內(nèi)部。 手挽手帶你學(xué)React入門(mén)三檔,帶你學(xué)會(huì)使用Reacr-router4.x,開(kāi)始創(chuàng)建屬于你的React項(xiàng)目 什么是React-router React Router 是一個(gè)基于 React 之上的強(qiáng)大路由庫(kù)，它可以讓你向應(yīng)用中快速地添加視圖和數(shù)據(jù)流，同時(shí)保持頁(yè)面與 URL 間的同步。通俗一...

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

  • 手挽手帶你學(xué)VUE：一檔 VUE簡(jiǎn)介以及常用內(nèi)部指令

    摘要：這樣，我們用寫(xiě)的就寫(xiě)好了。真的假的大家可以看到，這些在插值表達(dá)式內(nèi)的表達(dá)式直接返回了運(yùn)行完成的結(jié)果，值得一提的是，差值表達(dá)式內(nèi)的規(guī)則和標(biāo)簽內(nèi)的規(guī)則是類似的。 視頻教程 由于思否不能插入視頻，視頻請(qǐng)大家移步，http://www.henrongyi.top 什么是VUE VUE是一套用于構(gòu)建用戶界面的漸進(jìn)式框架,VUE并不是一個(gè)真正意義上的mvvm框架,它更傾向是一種數(shù)據(jù)驅(qū)動(dòng)框架.所以我...

    不知名網(wǎng)友 評(píng)論0 收藏0

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

0條評(píng)論

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