template內嵌多個元素

2022-09-11 20:03:10 字數 397 閱讀 3240

1、vue3有乙個開箱即用的功能fragment,什麼是fragment呢?就是可以在template裡面內嵌多個dom節點的功能,在寫元件時候可以不用再建立不必要的節點。

2、不過這是vue3的,還有很多專案目前都是vue2的,想在vue2裡用fragment怎麼辦呢,可以用vue-fragment

npm install vue-fragment

引用vue-fragment

//

main.js

import fragment from 'vue-fragment'vue.use(fragment.plugin)

然後在template最外層使用標籤

塊元素 內嵌 浮動

1 塊元素的特徵 1 預設獨佔一行 2 沒有寬度時預設撐滿一行 3 支援所有的css命令 2 內嵌的特徵 1 同排可以繼續跟同類的標籤 2 內容撐滿寬高 3 不支援高度 4 不支援上下的margin 5 換行被解析 3 塊元素和內嵌的轉換 display block顯示為塊元素 使內聯元素具備塊元素...

CSS內嵌元素和塊元素的區別

舉例 請把下面二行 放進body標籤裡 div1 div1 瀏覽器的呈現效果 div1 div1 這二個div佔據了二行空間,叫做塊級元素 block 再把下面二行 也放進body標籤裡 span1 span2 瀏覽器的呈現效果 span1 span1 這兩個span並列在一行,叫做內聯元素 inl...

HTML學習總結(3) 塊元素,內嵌元素

html學習總結 3 塊元素,內嵌元素 塊特徵 霸道 獨佔一行 預設 豐滿 未設定寬時,撐滿一排 預設 和善 支援所有css 內嵌 內聯,行內 友情 一排可跟同類標籤 包容 內容撐開寬高 獨特 不支援寬高,上下margin,padding,換行被解析 inline block 特徵 塊一行顯示 行內...