最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue3:setup的兩個注意點詳解

 更新時間:2021年10月09日 15:02:35   作者:公孫元二  
這篇文章主要介紹了vue3.0中setup的兩個注意點,本文通過兩種用法給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下

在vue2中

父組件傳屬性給子組件

在這里插入圖片描述

子組件接收屬性

在這里插入圖片描述

在這里插入圖片描述

如果沒有接收,則需要在$attrs里才能收到,缺點是沒有對類型作限制,以及使用的時候名字比較長

在這里插入圖片描述

在這里插入圖片描述

使用的時候名字比較長

在這里插入圖片描述

vue2,父組件在子組件里使用插槽

在這里插入圖片描述

在這里插入圖片描述

打印插槽里的內(nèi)容

在這里插入圖片描述

如果父組件使用了子組件2個插槽

在這里插入圖片描述

在這里插入圖片描述

父組件在子組件使用具名插槽

在這里插入圖片描述

在這里插入圖片描述

在vue3中

setup的注意點

在這里插入圖片描述

setup生命周期在beforecreated之前

在這里插入圖片描述
在這里插入圖片描述

setup可以拿到兩個參數(shù),props和context

給子組件傳2個屬性

在這里插入圖片描述

在這里插入圖片描述

在這里插入圖片描述

打印context

在這里插入圖片描述

在這里插入圖片描述

context.attrs

與vue2類似,如果只聲明部分,則剩下的在attrs屬性里面

在這里插入圖片描述

在這里插入圖片描述

context.emit

給子組件添加監(jiān)聽事件

在這里插入圖片描述

在這里插入圖片描述

context.slot

在這里插入圖片描述

在這里插入圖片描述

在這里插入圖片描述

如果傳一個具名插槽

在這里插入圖片描述

或者(推薦這種)

在這里插入圖片描述

打印

在這里插入圖片描述

如果傳2個具名插槽

在這里插入圖片描述

在這里插入圖片描述

總結(jié)

在這里插入圖片描述

本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!

相關(guān)文章

  • Vue實現(xiàn)紅包雨小游戲的示例代碼

    Vue實現(xiàn)紅包雨小游戲的示例代碼

    紅包也叫壓歲錢,是過農(nóng)歷春節(jié)時長輩給小孩兒用紅紙包裹的禮金。本文將通過Vue制作一個紅包雨小游戲,文中的示例代碼講解詳細(xì),需要的可以參考一下
    2022-01-01
  • 如何在 Vue.js 中使用第三方j(luò)s庫

    如何在 Vue.js 中使用第三方j(luò)s庫

    本篇文章主要介紹了如何在 Vue.js 中使用第三方j(luò)s庫,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-04-04
  • 解決vue A對象賦值給B對象,修改B屬性會影響到A的問題

    解決vue A對象賦值給B對象,修改B屬性會影響到A的問題

    今天小編就為大家分享一篇解決vue A對象賦值給B對象,修改B屬性會影響到A的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • v-for中動態(tài)校驗el-form表單項的實踐

    v-for中動態(tài)校驗el-form表單項的實踐

    在項目開發(fā)中,我們經(jīng)常會遇到表單保存的功能,本文主要介紹了v-for中動態(tài)校驗el-form表單項的實踐,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧<BR>
    2022-05-05
  • vue3中vue.config.js配置及注釋詳解

    vue3中vue.config.js配置及注釋詳解

    在Vue 3.0中,與2.0版本相比有一定的差別,最明顯的就是缺少了build、config文件夾,下面這篇文章主要給大家介紹了關(guān)于vue3中vue.config.js配置及注釋的相關(guān)資料,需要的朋友可以參考下
    2022-08-08
  • VUE常見知識疑點問題總結(jié)

    VUE常見知識疑點問題總結(jié)

    這篇文章主要介紹了VUE常見知識疑點問題總結(jié),詳細(xì)介紹了vue.js @click和v-on:click有什么區(qū)別,v-on和v-bind的區(qū)別,通過本文可以認(rèn)識Vue的export、export default、import的詳細(xì)介紹,感興趣的朋友一起看看吧
    2024-02-02
  • vue輸入框中輸完后光標(biāo)自動跳到下一個輸入框中的實現(xiàn)方法

    vue輸入框中輸完后光標(biāo)自動跳到下一個輸入框中的實現(xiàn)方法

    最近在工作中遇到了些問題,總結(jié)下分享給同樣遇到這個問題的朋友,這篇文章主要給大家介紹了關(guān)于vue輸入框中輸完后光標(biāo)自動跳到下一個輸入框中的實現(xiàn)方法,需要的朋友可以參考下
    2023-03-03
  • Vue 多選框所選數(shù)量動態(tài)變換Box的高度

    Vue 多選框所選數(shù)量動態(tài)變換Box的高度

    在Web開發(fā)中,使用Vue.js框架可以通過ref屬性、v-model指令和計算屬性等特性實現(xiàn)元素高度的動態(tài)調(diào)整,文章詳細(xì)介紹了如何利用Vue的功能根據(jù)多選框的選擇數(shù)量動態(tài)改變元素的高度,并通過多個示例展示其應(yīng)用
    2024-09-09
  • 淺析Vue.js中$emit和$on的用法和區(qū)別

    淺析Vue.js中$emit和$on的用法和區(qū)別

    在?Vue.js?中,$emit和$on方法是兩個常用的方法,用于實現(xiàn)組件間的通信,雖然它們的名字很相似,但它們的作用和用法有所不同,本文將介紹$emit和$on方法的區(qū)別,并通過代碼示例來說明它們的用法,感興趣的朋友可以參考下
    2023-07-07
  • Vue初始化中的選項合并之initInternalComponent詳解

    Vue初始化中的選項合并之initInternalComponent詳解

    這篇文章主要介紹了Vue初始化中的選項合并之initInternalComponent的相關(guān)知識,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-06-06

最新評論

炎陵县| 大田县| 晋城| 化隆| 乌什县| 河西区| 苏尼特左旗| 仲巴县| 鄂托克前旗| 深州市| 磴口县| 涞水县| 肥西县| 怀来县| 五指山市| 凤凰县| 武宁县| 多伦县| 沙田区| 金乡县| 漳平市| 米易县| 桐乡市| 乌兰浩特市| 武义县| 怀集县| 云安县| 凤阳县| 嘉祥县| 弥渡县| 油尖旺区| 虎林市| 泗水县| 南部县| 宜兰县| 环江| 濉溪县| 三河市| 涞源县| SHOW| 泸州市|