国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

Vue3：ref(‘ ‘)、ref(null)與ref()

2年前作者：前端小王hs分類：Toy博客閱讀(19)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了Vue3：ref(‘ ‘)、ref(null)與ref()。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

今天在分析項(xiàng)目源碼的時(shí)候偶然發(fā)現(xiàn)之前的程序員在通過ref獲取子組件的方法的時(shí)候，總是喜歡用ref(null)，什么意思呢

就是我引用了一個(gè)組件，并且想要使用組件內(nèi)的value，那么常規(guī)操作就是import 組件名 from '組件的路徑'，然后再在<template>模板中加上組件的標(biāo)簽，即<組件 />

如果我們想要拿到組件內(nèi)的值，一般就是通過ref去拿<組件 ref='components'>，然后在js中定義ref，即const components = ref()，我就發(fā)現(xiàn)之前的程序員喜歡用const components = ref(null)，其實(shí)這兩個(gè)沒什么區(qū)別，都是一樣的

ref(null),Vue3.js,筆記,vue.js,前端,javascript
定義完之后就可以使用組件內(nèi)的value即component.value

那ref('')又是什么東東呢，其實(shí)是v-model綁定的值為空，舉個(gè)elementplus的輸入框的例子就知道了
ref(null),Vue3.js,筆記,vue.js,前端,javascript 文章來源地址http://www.zghlxwxcb.cn/news/detail-623179.html

到了這里，關(guān)于Vue3：ref(‘ ‘)、ref(null)與ref()的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

【Vue學(xué)習(xí)筆記5】Vue3中的響應(yīng)式：ref和reactive、watchEffect和watch
所謂響應(yīng)式就是界面和數(shù)據(jù)同步，能實(shí)現(xiàn)實(shí)時(shí)更新。 Vue 中用過三種響應(yīng)式解決方案，分別是 defineProperty、Proxy 和 value setter。Vue 2 使用的方案是 defineProperty API。Vue3中使用的方案是Proxy和value setter。 vue3中實(shí)現(xiàn)響應(yīng)式數(shù)據(jù)的方法是使用ref和reactive。 reactive更推薦去定義復(fù)雜的數(shù)
2024年02月03日
瀏覽(32)
Web前端 ---- 【Vue3】computed計(jì)算屬性和watch偵聽屬性(偵聽被ref和reactive包裹的數(shù)據(jù))
目錄前言 computed watch watch偵聽ref數(shù)據(jù) ref簡(jiǎn)單數(shù)據(jù)類型 ref復(fù)雜數(shù)據(jù)類型 watch偵聽reactive數(shù)據(jù) 本文介紹在vue3中的computed計(jì)算屬性和watch偵聽屬性。介紹watch如何偵聽被ref和reactive包裹的數(shù)據(jù) 在vue3中，計(jì)算屬性computed也是組合式api，也就是說要先引入，再在setup中使用語(yǔ)法完整：
2024年01月18日
瀏覽(46)
前端技術(shù)Html，Css，JavaScript，Vue3
1.基本標(biāo)簽 2.文本格式化 3.鏈接 4.圖片 5.無序列表 6.有序列表 7.表格 8.表單 1.選擇器 2.文本和字體 3.鏈接 4.隱藏 5.定位position 6.浮動(dòng) 7.對(duì)齊 8.圖像 1.輸出 2.函數(shù) 3.常用事件 4.DOM 5.改變Html 6.DOM 元素 (節(jié)點(diǎn)) 尾部創(chuàng)建新的 HTML 元素 (節(jié)點(diǎn)) - appendChild() 頭部創(chuàng)建新的 HTML 元素 (節(jié)點(diǎn))
2024年02月13日
瀏覽(53)
【前端技術(shù)】Vue3 01：初識(shí) Vue.js
Vue 可以說是非常流行了，至少在國(guó)內(nèi)是這樣，他是個(gè)輕量級(jí)的 JavaScript 框架，非常適合構(gòu)建大型和中小型的 Web 應(yīng)用程序，如果想和前端打交道，應(yīng)該繞不過這個(gè)框架吧。目錄 1?Vue.js 介紹 2??IDE 選擇 2.1 vscode 2.2?WebStorm 2.3?Eclipse 3??創(chuàng)建 Vue 應(yīng)用 3.1 本地腳手架創(chuàng)建 ① 安裝
2024年02月02日
瀏覽(26)
前端（四）——vue.js、vue、vue2、vue3
??博主：小貓娃來啦 ??文章核心： vue.js、vue、vue2、vue3從全局到局部 Vue.js是一款流行的JavaScript框架 vue,vue2,vue3都是vue.js的不同版本。 Vue：Vue.js的第一個(gè)版本，也稱為Vue 1.x。它于2014年首次發(fā)布，并獲得了廣泛的應(yīng)用和認(rèn)可。 Vue2：Vue.js的第二個(gè)版本，也稱為Vue 2.x。它在Vu
2024年02月12日
瀏覽(28)
前端HTML、CSS、JS、VUE3 匯總
學(xué)習(xí)https://developer.mozilla.org/zh-CN/docs/Learn/CSS 提示：這里可以添加系列文章的所有文章的目錄，目錄需要自己手動(dòng)添加使用VS Code運(yùn)行前端代碼在VS Code上安裝前端插件正在更新中~ ? 提示：這里可以添加本文要記錄的大概內(nèi)容：學(xué)習(xí)路線知識(shí)定位 HTML基礎(chǔ) 標(biāo)簽、表格、表單、
2024年02月13日
瀏覽(69)
【前端vue升級(jí)】vue2+js+elementUI升級(jí)為vue3+ts+elementUI plus
gogo code 是一個(gè)基于 AST （源代碼的抽象語(yǔ)法結(jié)構(gòu)樹狀表現(xiàn)形式）的 JavaScript/Typescript/HTML 代碼轉(zhuǎn)換工具，可以用它來構(gòu)建一個(gè)代碼轉(zhuǎn)換程序來幫助自動(dòng)化完成如框架升級(jí)、代碼重構(gòu)、多平臺(tái)轉(zhuǎn)換等工作。當(dāng)前 GoGoCode 支持解析和操作如下類型的代碼： ○JavaScript(JSX) ○Typescript
2024年02月12日
瀏覽(31)
前端2023最全面試題（javaScript、typeScript、vue2、vue3、html、css、uniapp、webpack、vite、react）
答案：JavaScript中的閉包是一種函數(shù)，它有權(quán)訪問其詞法環(huán)境的變量和其它函數(shù)。這意味著，即使其包含它的函數(shù)已經(jīng)執(zhí)行完畢，其詞法環(huán)境仍然存在，因此可以訪問其作用域內(nèi)的變量。答案：回調(diào)函數(shù)是在某個(gè)特定事件之后執(zhí)行的函數(shù)。在JavaScript中，通常使用回調(diào)函數(shù)來處
2024年02月06日
瀏覽(34)
vue3創(chuàng)建項(xiàng)目報(bào)錯(cuò)Vue.js - The Progressive JavaScript Framework TypeError: (0 , import_node_ut
報(bào)錯(cuò)信息： Vue.js - The Progressive JavaScript Framework TypeError: (0 , import_node_util.parseArgs) is not a function ? ? at init (C:UsersAdministratorAppDataLocalnpm-cache_npx2f7e7bff16d1c534node_modulescreate-vueoutfile.cjs:4481:72) ? ? at Object.anonymous (C:UsersAdministratorAppDataLocalnpm-cache_npx2f7e7bff16d1c534node_module
2024年04月10日
瀏覽(124)
前端學(xué)習(xí)筆記（14）-Vue3組件傳參
1.props（父組件傳遞給子組件） 1.1 實(shí)現(xiàn) 如果你沒有使用 script setup，props 必須以 props 選項(xiàng)的方式聲明，props 對(duì)象會(huì)作為 setup() 函數(shù)的第一個(gè)參數(shù)被傳入：在子組件中：在父組件中：一個(gè)組件可以有任意多的 props，默認(rèn)情況下，所有 prop 都接受任意類型的值。這種情況下，我
2024年01月21日
瀏覽(32)