vue90-使用组件的三个步骤
2024-06-12 09:25:36 阅读次数:3
App,大数据
![vue90-使用组件的三个步骤 vue90-使用组件的三个步骤](https://ctyun-collect-0531.gdoss.xstore.ctyun.cn/files/2023/02/27/b8f50d8d14d44cd4adaf04c8c00ecdb6.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
![vue90-使用组件的三个步骤 vue90-使用组件的三个步骤](https://ctyun-collect-0531.gdoss.xstore.ctyun.cn/files/2023/02/27/3550687a9648429297286c99955831e7.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
![vue90-使用组件的三个步骤 vue90-使用组件的三个步骤](https://ctyun-collect-0531.gdoss.xstore.ctyun.cn/files/2023/02/27/cb20a4430e8f40579c67ce186dbf9905.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
<template>
<div id="app">
<HelloWorld />
<Test></Test>
</div>
</template>
<script>
import HelloWorld from './components/HelloWorld.vue'
//注册组件
import Test from "./components/Test.vue"
export default {
name: 'App',
components: {
HelloWorld,
Test
}
}
</script>
运行结果
![vue90-使用组件的三个步骤 vue90-使用组件的三个步骤](https://ctyun-collect-0531.gdoss.xstore.ctyun.cn/files/2023/02/27/93035d42d402469b946d91e477b039be.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://blog.51cto.com/u_15460007/6051199,作者:前端导师歌谣,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。
上一篇:jira项目笔记8-json-server模拟数据
下一篇:express学习38-多人管理30数据分页