热门标签
热门文章
- 1chatglm6b和闻达的功能扩展_chatglm 本地知识库
- 2scp命令——安全传输文件_scp 远程到本地
- 3解决Mac OS升级系统后git无法使用的问题_macos sonoma上使用git遇到的问题
- 4搭建个人服务器_自己搭建服务器
- 5动态路由 华三nat 静态路由_H3CNE学习---静态路由、动态路由协议
- 6Git：将本地仓库上传至GitHub的远程仓库_git提交到远程仓库命令
- 7使用RPA通过GPT大模型AI Agent自动执行业务流程任务企业级应用开发实战：如何选取符合业务需求的AI模型和技术_大模型应用流程
- 8一文读懂 MySQL 索引 B+树原理！_mysql索引b+树
- 9JS 创建表格_js表格
- 10如何保证同事的代码不会腐烂？一文带你了解 Alibaba COLA 架构_alibaba.cola.statemachine
当前位置: article > 正文
vue笔记---组件拆分_vue如何拆分组件
作者：你好赵伟 | 2024-07-10 19:54:20
赞
踩
vue如何拆分组件
1.将别人的app.vue的内容删掉
2.在src/components文件夹下新建文件j夹header，在header文件夹下新建header.vue文件
内容为
<template>
<div class="header">
我是头部
</div>
</template>
<script>
export.default {}
</script>
<style></style>
3.在app.vue中调用组件内容为
<template>
<div id="app>
</div>
</template>
<script>
import header from './components/header/header.vue'
export.default {
components:{
"v-header":header
}
}
</script>
5.运行
npm run dev
浏览器出现我是header
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/807445?site
推荐阅读
相关标签
