vue.js项目的目录结构

最新推荐文章于 2022-12-20 08:47:35 发布

珍爱_飞

最新推荐文章于 2022-12-20 08:47:35 发布

阅读量513

点赞数

分类专栏： vue.js 文章标签： vue

本文链接：https://blog.csdn.net/u010459738/article/details/109115033

版权

本文介绍了Vue.js项目的目录结构，参考了多个在线资源，并详细解析了APP.vue文件的组成部分，强调了业务实现部分的重要性。

摘要由CSDN通过智能技术生成

一、vue.js项目的目录结构
参考：
https://www.runoob.com/vue2/vue-directory-
structure.html
https://www.jianshu.com/p/1c83b49d73d8
https://www.jianshu.com/p/da79b4b7cdec
我们在 IDE（Eclipse、Atom等）中打开目录，结构如下所示：
在这里插入图片描述

我们打开 APP.vue 文件，代码如下（解释在注释中）：
src/APP.vue

<!-- 展示模板 -->
<template>
  <div id="app">
    <img src="./assets/logo.png">
    <hello></hello>
  </div>
</template>
 
<script>
// 导入组件
import Hello from './components/Hello'
 
export default {
  name: 'app',
  components: {
    Hello
  }
}
</script>
<!-- 样式代码 -->
<style>
#app