av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

vue組件中實現(xiàn)嵌套子組件案例

瀏覽:112日期:2022-12-01 18:10:21

如何把一個子組件comment.vue放到一個組件中去

1、先創(chuàng)建一個單獨的 comment.vue 組件模板

<template> <div class='cmt-container'> <h3>發(fā)表評論</h3> <hr> <textarea placeholder='請輸入要BB的內(nèi)容(最多吐槽120字)' maxlength='120'></textarea> <mt-button type='primary' size='large'>發(fā)表評論</mt-button> <div class='cmt-list'> <div class='cmt-item'><div class='cmt-title'> 第1樓&nbsp;&nbsp;用戶:匿名用戶&nbsp;&nbsp;發(fā)表時間:2012-12-12 12:12:12</div><div class='cmt-body'> 鋤禾日當午 符合</div> </div> <div class='cmt-item'><div class='cmt-title'> 第1樓&nbsp;&nbsp;用戶:匿名用戶&nbsp;&nbsp;發(fā)表時間:2012-12-12 12:12:12</div><div class='cmt-body'> 鋤禾日當午 符合</div> </div> <div class='cmt-item'><div class='cmt-title'> 第1樓&nbsp;&nbsp;用戶:匿名用戶&nbsp;&nbsp;發(fā)表時間:2012-12-12 12:12:12</div><div class='cmt-body'> 鋤禾日當午 符合</div> </div> </div> <mt-button type='danger' size='large' plain>加載更多</mt-button> </div></template><script> </script><style lang='scss' scoped>.cmt-container{ h3{ font-size: 18px; } textarea{ font-size: 14px; height: 85px; margin: 0; } .cmt-list{ margin: 5px 0; .cmt-item{ font-size: 13px; .cmt-title{background-color: #ccc; } } .cmt-body{ line-height: 35px; text-indent: 2em; //縮進 } }} </style>

2、在需要使用組件的 頁面中,先手動導入 comment 組件

+ import comment from ’./comment.vue’

3、在父組件中,使用’components’ 屬性,將剛才導入的 comment 組件,注冊為自己的 子組件

4、將注冊子組件時候的,注冊名稱,以 標簽形式,在頁面中引用即可

vue組件中實現(xiàn)嵌套子組件案例

補充知識:vue怎么將一個組件引入另一個組件?

項目是由的vue-cli搭建

1.這里有兩個組件,需求是把newComponents.vue里面的東西引入到helloWorld里面

vue組件中實現(xiàn)嵌套子組件案例

2.index.js里面的配置

vue組件中實現(xiàn)嵌套子組件案例

3.newComponents里面的內(nèi)容

vue組件中實現(xiàn)嵌套子組件案例

4.怎么將newComponents引入到helloWorld呢?

vue組件中實現(xiàn)嵌套子組件案例

5.頁面展示

vue組件中實現(xiàn)嵌套子組件案例

以上這篇vue組件中實現(xiàn)嵌套子組件案例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。

標簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 久色一区 | av先锋资源| 久久久久久91香蕉国产 | 日韩欧美在线免费 | 精品久久久久一区二区国产 | 国产露脸对白88av | 国产精品视频专区 | 亚洲欧美高清 | 一区二区三区视频在线 | 黄色中文字幕 | 久久天天躁狠狠躁夜夜躁2014 | 婷婷色在线播放 | 国产精品污www在线观看 | 在线视频国产一区 | 蜜月aⅴ免费一区二区三区 99re在线视频 | 国产免费拔擦拔擦8x高清 | 午夜三区| 中文字幕在线视频网站 | 欧美aaa级| 久久国产成人 | 欧美a区| 在线视频亚洲 | 五月综合久久 | 国产二区三区 | 亚洲一区国产精品 | 美女黄网站 | 亚洲日本欧美日韩高观看 | 成人精品免费视频 | 欧美日韩在线视频一区二区 | 天天操天天插天天干 | 亚洲精久久久 | 久久久久久国产精品免费免费狐狸 | 国产精品久久久久无码av | 国产欧美一区二区三区在线看蜜臀 | 在线观看国产视频 | 欧美日韩在线精品 | 国产91一区二区三区 | 天堂网中文字幕在线观看 | 亚洲免费在线视频 | 黄色网页在线 | 中文字幕亚洲欧美 |