色欲av一区久久精品_久久综合色综合色88_无码在线观看不卡_色黄视频网站_亚洲国产精品久久久久秋霞66

完善改進——豐富 Vue 單文件組件

時間：2022-06-11

1、新建子組件（也是單文件組件）

在 components 文件夾下面添加單文件組件 Childapp.vue，輸入內(nèi)容如下：


image.png



2、在根組件 App.vue 中引入子組件

image.png


3、打包瀏覽測試

npm start
或者
npm run dev（以服務方式運行），建議這種方式，更改 App.vue等組件內(nèi)容，瀏覽器自動更新內(nèi)容。


image.png


運行成功！
如果 npm run dev 報如下錯誤

image.png


可能原因是端口被占用了


4、豐富下 App.vue組件

image.png



打開瀏覽器查看，即發(fā)現(xiàn)多了 msg 內(nèi)容“徐照興歡迎您


注意：組件的 template 標簽下都要有且只有一個根元素（一般 就用 div），否則可能會導致 scoped 屬性失效。 作用：在 Vue 文件中的 style 標簽上有一個特殊的屬性，scoped。 當一個 style 標簽擁有 scoped 屬性時候，它的 css 樣式只能用于當 前的Vue 組件,可以使組件的樣式不相互污染





Copyright ? 2016 廣州思洋文化傳播有限公司，保留所有權利。 粵ICP備09033321號

與項目經(jīng)理交流
掃描二維碼
與項目經(jīng)理交流
掃描二維碼
與項目經(jīng)理交流
ciya68