小组件在components文件夹中,页面组件在views文件夹中
一、先写小组件的vue,比如text.vue(在template设置模板渲染,style设置样式)
<template> <div class="text"> <p>tttt</p> </div> </template> <script> export default { name: "text" } </script> <style scoped> .text { color: red; } </style>
二、页面组件(Home.vue)中使用小组件需要这几步:
1.先导入小组件(import T from ‘@/components/text‘)
2.然后在export default中注册小组件
components:{
T
}
3.在template中写: <T></T> 把text.vue的模板传递过来
<template> <div class="home"> <T></T> </div> </template> <script> import T from ‘@/components/text‘ export default { name: ‘home‘, components: { T } } </script>
原文地址:https://www.cnblogs.com/wangcuican/p/11650695.html
时间: 2024-10-08 02:02:52