Vue js 中模板和元件有什麼區別,怎麼去理解它們?

時間 2021-05-12 16:20:28

1樓:柴柴柴柴

從問的問題可見題主應該是剛入門,那就不扯太多概念,.vue檔案應該寫過吧,裡面的三個部分中的template就是模板,元件就是template(模板)+script(指令碼)+style(樣式),粗暴的理解就是包含關係,先這麼理解就可以咯

2樓:qnimal

模板就是元件內部的樣子,如何去設計,擺放以及使用元件內定義的東西(變數、dom元素等等),這是模板要幹的活。建議你vue基礎看完了再想問題,html直接在script區寫元件和單檔案引入元件暴露到vue例項中這些你都沒看呢,問這種問題有什麼意義,幾十分鐘看下官網教程自然會的東西,光知道個結論,過程全沒看過,知道了照樣沒法應用。

3樓:譚光志

模板就是 HTML,模板裡面可以引用元件。

元件可以包含模板(HTML)、JS、CSS。

>這是模板

template

>上面這個就是模板,你也可以將這些內容放在乙個 .vue 裡,當成元件來用,例如 html.vue。然後在其他地方引入這個元件來使用。

模板與元件配合工作,假如我有乙個 test.vue 檔案和乙個 Component.vue 元件。

test.vue 檔案

>

template 裡面的都是模板內容

p>

我在模板裡引用了乙個元件 Componentp>

/>template

>

>import

Component

from

'./Component'

export

default,}

script

>Component.vue 檔案

>

我是元件

p>template

>

雅思中的閱讀題,Y N NG中,N和NG有什麼區別

張永哲 閱讀9分滾過來答題 以下內容節選自我在雅思閱讀部分如何提高?永哲的回答 如何區分FALSE NOT GIVEN 記住這6個字就夠了 必提及,必相反。當一道題你想選擇FALSE,必須同時滿足以下2個條件 題幹提到原文中所有的定位詞和考點詞 不僅僅要提到,而且考點詞必須反義。如果不是同時滿足以上...

cheer up 和 get a life 有什麼區別嗎?

天美timi CHEER UP 就是高興點 振作點 GET A LIFE 就是換一種新生活 找點事情做 別煩我去別的地方這個是要根據語氣和當時的情況而定 這倆意思差別很大啊,一定要注意如何正確使用。Cheer up,是出於善意的鼓勵,就是 振作起來!的意思,是褒義的。Get a life,是出於鄙視...

afterwards和later有什麼區別?

王日東 2個小詞看區別,首先看英文的definition,再看例句中搭配用法,這樣一對比就明白了。具體見下圖 還有其它幾個類似詞彙與短語,可以積累著一起記憶與理解 林林 這兩個詞有些許微妙的區別,但沒有 涇渭分明 的區別。afterwards 強調的是 sequence 即事件發生的先後順序和因果,...