好资源导航 » 文章资讯 » vue组件中实现嵌套子组件案例

vue组件中实现嵌套子组件案例

2023-07-17 13:48:03 79

如何把一个子组件comment.vue放到一个组件中去

1、先创建一个单独的comment.vue组件模板




.cmt-container{
h3{
font-size:18px;
}
textarea{
font-size:14px;
height:85px;
margin:0;
}
.cmt-list{
margin:5px0;
.cmt-item{
font-size:13px;
.cmt-title{
background-color:#ccc;
}
}
.cmt-body{
line-height:35px;
text-indent:2em;//缩进
}
}
}

2、在需要使用组件的页面中，先手动导入comment组件

+importcommentfrom'./comment.vue'

3、在父组件中，使用'components'属性，将刚才导入的comment组件，注册为自己的子组件

4、将注册子组件时候的，注册名称，以标签形式，在页面中引用即可

补充知识：vue怎么将一个组件引入另一个组件?

项目是由的vue-cli搭建

1.这里有两个组件,需求是把newComponents.vue里面的东西引入到helloWorld里面

2.index.js里面的配置

3.newComponents里面的内容

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

5.页面展示

以上这篇vue组件中实现嵌套子组件案例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

vue组件中实现嵌套子组件案例

发表评论

随机推荐

vue组件中实现嵌套子组件案例

发表评论

热门推荐

随机推荐