亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

vue組件初學(xué)習(xí)（一）---初學(xué)者文檔

HmyBmny / 940人閱讀

摘要：在有時(shí)候，組建也可以是原生的元素。簡(jiǎn)單的說(shuō)，就是組件是有結(jié)構(gòu)的有樣式的，有交互效果，有行為，信號(hào)量可以存數(shù)據(jù)。組件可以通過(guò)屬性開(kāi)設(shè)置。

一、什么是組件？

組件是vue.js最強(qiáng)大的功能之一，它可以擴(kuò)展HTML元素，封裝可以重用的代碼.
當(dāng)然，在更高的層面上，組件是自定義元素，vue.js的編譯器為它添加了特殊功能。
在有時(shí)候，組建也可以是原生的HTML元素。
簡(jiǎn)單的說(shuō)，就是組件是有結(jié)構(gòu)的HTML、有樣式的CSS，有交互效果，有行為，信號(hào)量可以存數(shù)據(jù)。
組件可以通過(guò)屬性開(kāi)設(shè)置。

二、組件的種類(lèi)：

  ①實(shí)現(xiàn)基本功能的基礎(chǔ)的組件（最小的元素，即基礎(chǔ)組件，如input）
  ②可復(fù)用的邏輯組件（業(yè)務(wù)組件）
  ③頁(yè)面組件

三、組件的使用

注意：在組件中，有且只能有一個(gè)根元素（標(biāo)簽/父元素）
3.1 全局注冊(cè)，示例代碼如下：
//新建一個(gè)vue實(shí)例對(duì)象


    
  

  //引入vue.js文件，路徑根據(jù)自己文件所在位置而定
  
  
這樣我們就建好了一個(gè)簡(jiǎn)單的父級(jí)和子級(jí)組件

3.2 局部注冊(cè)，代碼如下：


    
  

  //引入vue.js文件，路徑根據(jù)自己文件所在位置而定

四、組件的嵌套：

五、在組件中，data必須為函數(shù)，否則報(bào)錯(cuò)


    
    
    




在上述這個(gè)實(shí)例中，，因?yàn)槿齻€(gè)共享了counter，無(wú)論哪個(gè)改變?nèi)齻€(gè)都改變，所以，我們需要返回一個(gè)全新的數(shù)據(jù)對(duì)象來(lái)避免這個(gè)問(wèn)題。

六、props

6.1props聲明



    
     
  

  
  


6.2 props作為組件的內(nèi)部的初始狀態(tài)的方法：
  

    
  

  
  
  
6.3props接受后用計(jì)算屬性轉(zhuǎn)換的方法：

七、props的驗(yàn)證：

當(dāng)傳入的數(shù)據(jù)不符合要求時(shí)，在開(kāi)發(fā)版本的控制臺(tái)會(huì)報(bào)錯(cuò)，對(duì)初級(jí)開(kāi)發(fā)組件的人很有用，
驗(yàn)證的類(lèi)型：String Number Boolean Function Object Array Symbol，需要注意的是 prop 會(huì)
在組件實(shí)例創(chuàng)建之前進(jìn)行校驗(yàn)，所以在 default 或 validator 函數(shù)里，諸如 data、computed 或
 methods 等實(shí)例屬性還無(wú)法使用。

從這些簡(jiǎn)單的例子我們可以看出來(lái)。vue之所以這么火不是沒(méi)有道理的，把原本復(fù)雜的前端頁(yè)面變得簡(jiǎn)單了許多，這樣，在開(kāi)發(fā)過(guò)程中就可以少走很多彎路，但是呢，由于本人初學(xué)，暫時(shí)就學(xué)了這么多，以后會(huì)繼續(xù)學(xué)習(xí)

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

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

相關(guān)文章

  • Vue.js 初接觸

    摘要：二還有一點(diǎn)也是思想不容易轉(zhuǎn)過(guò)彎的一點(diǎn)，就是我在學(xué)習(xí)前端時(shí)，接觸的思想都是需要我們將者分開(kāi)，方便維護(hù)。但是在學(xué)習(xí)了接觸了單文件組件之后，世界又變了，又讓我們將同一個(gè)組件的放到一個(gè)文件中，這樣又便于維護(hù)和復(fù)用，這一臉的懵那啥。 Vue.js 介紹 官方介紹： Vue.js是一套構(gòu)建用戶(hù)界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，Vue 采用自底向上增量開(kāi)發(fā)的設(shè)計(jì)。Vue 的核心庫(kù)只關(guān)注視圖...

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

  • 【呆萌の體驗(yàn)】vue.js初次體驗(yàn)

    摘要：官方默認(rèn)項(xiàng)目是存放了一個(gè)為的打開(kāi)文件夾有一個(gè)，還有一個(gè)名為組件的文件夾，里面放了一個(gè)文件。部分我們會(huì)發(fā)現(xiàn)這幾排字就是顯示在頁(yè)面的幾排文字部分這其中的這個(gè)文件引入了，還有上述的。結(jié)合查詢(xún)其他說(shuō)法，就是說(shuō)它會(huì)把是的元素以形式替換。 前言 我很早就想來(lái)學(xué)習(xí)學(xué)習(xí)vue.js啦，終于有了那么一些空閑的時(shí)間可以拿來(lái)學(xué)習(xí)，于是從前天開(kāi)始我就每天抽一個(gè)多小時(shí)來(lái)體驗(yàn)vue.js。當(dāng)然啦，因?yàn)槭切“兹腴T(mén)，...

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

  • vue組件學(xué)習(xí)-數(shù)據(jù)傳遞-路由（初學(xué)者文檔二）

    摘要：接上次的驗(yàn)證開(kāi)始，組件中的作用域都是獨(dú)立的，子組件的模板不能直接引用父組件的數(shù)據(jù)，要用特殊方法才能實(shí)現(xiàn)數(shù)據(jù)的傳遞。，環(huán)境的安裝第一步新建一個(gè)文件夾并初始化第二步安裝一級(jí)路由這個(gè)比較簡(jiǎn)單，大多應(yīng)用于單頁(yè)面應(yīng)用，不必引入整個(gè)路由庫(kù)。 接上次的props驗(yàn)證開(kāi)始，組件中的作用域都是獨(dú)立的，子組件的模板不能直接引用父組件的數(shù)據(jù)，要用特殊方法才能實(shí)現(xiàn)數(shù)據(jù)的傳遞。 一、父子組件之間的通信 ...

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

  • Ionic4+Vue+Capacitor 初體驗(yàn)

    摘要：最新的已經(jīng)提供了其他框架的支持，，等等，甚至不使用框架。接下來(lái)我將使用和開(kāi)發(fā)一個(gè)最簡(jiǎn)單的。也可以直接使用啟動(dòng)，運(yùn)行使用模擬器運(yùn)行項(xiàng)目完美，那么本次的初體驗(yàn)就到此結(jié)束了，的插件使用可以參考官方文檔哦。 注：本文的目的在于記錄自己基于最新的Ionic4構(gòu)建一個(gè)App，也為同樣需求的小伙伴提供參考。第一次寫(xiě)文章，文筆笨拙，還請(qǐng)見(jiàn)諒，不對(duì)之處，還請(qǐng)指出。 最新的Ionic4已經(jīng)提供了其他 j...

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

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

0條評(píng)論

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