首页 > 其他分享 >vue目录文件结构

vue目录文件结构

时间:2024-03-04 10:56:39浏览次数:29  
标签:文件 vue index js 组件 目录 页面

my-vue-app/
├── node_modules/          # 依赖的第三方模块
├── public/                # 公共文件,不会被打包
│   ├── index.html         # 应用的入口 HTML 文件
│   └── favicon.ico        # 网站图标
├── src/                   # 项目源代码
│   ├── assets/            # 静态资源文件,如图片、字体等
│   ├── components/        # Vue 组件
│   ├── router/            # 跳转路由
│   ├── ─── index.js            # 跳转路由文件
│   ├── store/            # vuex的状态控制文件夹
│   ├── ─── index.js            # 状态变量文件
│   ├── views/             # 页面组件,我们开发的页面就是写在这
│   ├── ─── AboutView.vue            # 示例页面文件
│   ├── ─── HomeView.vue            # 示例页面文件
│   ├── App.vue            # 根组件
│   └── main.js            # 应用入口文件
├── .gitignore             # Git 忽略文件配置
├── babel.config.js        # Babel 配置文件
├── package.json           # 项目配置和依赖
├── README.md              # 项目说明文件
├── public/                # 静态文件,不会被 webpack 处理
├── dist/                  # 打包输出目录,包含最终生成的文件
└── vue.config.js          # Vue CLI 配置文件

标签:文件,vue,index,js,组件,目录,页面
From: https://www.cnblogs.com/bigjor/p/18051366

相关文章

  • Vue源码解读:更新策略
    之前介绍过初始化时Vue对数据的响应式处理是利用了Object.defifineProperty(),通过定义对象属性getter方法拦截对象属性的访问,进行依赖的收集,依赖收集的作用就是在数据变更的时候能通知到相关依赖进行更新。通知更新setter当响应式数据发生变更时,会触发拦截的setter函数......
  • springboot3+vue3大事件(一)项目准备工作
     1、执行sql脚本,准备数据库表--创建数据库createdatabasedev;--使用数据库usedev;--用户表createtableuser(idintunsignedprimarykeyauto_incrementcomment'ID',usernamevarchar(20)notnullunique......
  • 如何使用/proc文件系统监控Linux系统?
    如何使用/proc文件系统监控Linux系统?原创 漫谈君 运维漫谈 2024-02-2909:58 江苏/proc是Linux系统中的一个虚拟文件系统,提供了对运行中内核和进程的实时访问。这个目录下包含了很多以数字命名的目录,每个目录代表一个运行中的进程或者系统信息。每个进程目录下有许多......
  • Windows操作系统中的时间戳(Timestamp)是指用于标记事件发生时间的一种时间表示方式。在
    Windows操作系统中的时间戳(Timestamp)是指用于标记事件发生时间的一种时间表示方式。在计算机系统中,时间戳通常用来记录文件的创建时间、修改时间、访问时间等信息,也常用于网络通信中的认证和数据同步等场景。以下是Windows时间戳的基础技术原理:系统时钟:Windows操作系统通过系统......
  • 一款基于Vue3实现的漂亮且功能强大的在线海报设计器
    大家好,我是Java陈序员。我们在工作中经常需要设计各种各样的图片,海报、产品图、文章图片、视频/公众号等。我们可以选择使用PS来设计图片,但是有时候想快速完成任务,有没有一款工具支持快速生成海报呢?答案是有的,今天给大家介绍一款在线图片(海报)设计器。关注微信公众号:【Java......
  • Oracle 表空间和数据文件遇到的坑 (转载于 微信公众号 JieKeXu DBA之路)
    转载链接https://mp.weixin.qq.com/s/IKF_KrWkxZ5BJS-OacYWUw前言本文适用于普通的标准的8k块大小的Oracle企业版数据库,10g、11g、19c均可适用,但对于ODA,一体机可能有所区别,请慎重使用1.db_files的坑记录一下年前遇到的一个关于表空间扩容的小问题,大家都知道对于Oracle......
  • 给大家推荐一款基于Vue3通用型后台管理模板
    ​ 给大家推荐一款基于Vue3通用型后台管理模板这款Vue3后台管理模板介绍如下:        使用Vue3、Vite、ElementPlus、Pinia最新开发技术栈,拥有完整的Token登录鉴权、路由配置、界面简洁美观,可根据需要灵活配置主题、系统采用响应式布局,自适应各类屏幕尺寸、源代码有......
  • SSM整合之使用配置类替换xml配置文件(2)
    SSM整合就是将MVC三层架构和框架核心API组件交给SpringIoC容器管理!一般需要配置两个IoC容器进行三层架构组件管理。容器名盛放组件web容器web相关组件(controller,springmvc核心组件)root容器业务和持久层相关组件(service,aop,tx,dataSource,mybatis,mapper等)w......
  • 前端学习-vue视频学习004-响应式数据ref reacive
    尚硅谷视频教程响应式数据vue2中,写在data()里的数据自动成为响应式数据vue3定义响应式数据,使用ref()或reactive()什么是响应式数据:数据改变时。页面随之变化,即为响应式数据ref()创建基本类型的响应式数据首先引入refimport{ref}from'vue'所有需要动态变化的数......
  • vue3笔记3watch监视的几种变化
    <template> <divclass="about">  <p>情况一,监事ref的值</p>  <h1>求和{{sum}}</h1>  <button@click="changeSum">++++</button> </div></template><scriptlang="ts"......