vue 目录名称详解_vue目录详解_weixin_39673471的博客-程序员宅基地

技术标签: vue 目录名称详解  

1. build文件夹:打包配置的文件夹

2. config文件夹:打包的配置,webpack对应的配置

3. src文件夹:开发项目的源码

4. App.vue : 入口组件 :项目入口文件,页面级vue组件

5. static文件夹:静态资源,图片

6. .babelrc:ES6解析的配置

7. .gitignore:忽略某个或一组文件git提交的一个配置

8. index.html:单页面的入口,通过webpack的打包构建之后,会对src源码进行编译,最终把它们插入到html里面来

9. package.json:基础配置,告诉我们项目的信息(版本号、项目姓名、依赖)

10. node_modulues:项目的安装依赖

main.js:项目核心文件 这个里边是自己写的所有 内容 组件都会import到这  然而他会被html主文件使用

我再开发的时候一般都是以App.vue作为一个大组件 小组件都会放到component中

组件化

整个应用通过 vue 组件的方式搭建起来,通过 vue-router 控制相应组件的展现,组件树结构如下:

app.vue 根组件(整个应用只有一个)

├──view1.vue 页面级组件,放在 views 目录里面,有子组件时,可以建立子目录

│ ├──component1.vue 功能组件,公用的放在 components 目录,否则放在 views 子目录

│ ├──component2.vue

│ └──component3.vue

├──view2.vue

│ ├──component1.vue

│ └──component4.vue

└──view3.vue

├──component5.vue

……

组件化思想就是这样的结构 所有的东西不是能不能写出来 而是对于以后能不能方便看出结构

https://www.cnblogs.com/nangxi/p/7307080.html理解最基本结构

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_39673471/article/details/111798263

智能推荐

Android 源码系列之<十八>自定义Gradle Plugin,优雅的解决第三方Jar包中的bug<中>_llew2011的博客-程序员宅基地

在上篇文章Android 源码系列之<十七>自定义Gradle Plugin,优雅的解决第三方Jar包中的bug<上>中由于篇幅原因我们主要讲解了如何创建自定义Gradle Plugin以及修复第三方Jar包中的bug的思路,如果你还没看过上篇文章,强烈建议阅读一下。这篇文章就带领小伙伴们借助Javassist开源库实现对class文件的修改。

蜂鸟笔记本swift接口_宏碁蜂鸟Swift 5评测:轻奢触控本是怎样炼成的?_晓晓涵的博客-程序员宅基地

虽然以智能手机和平板电脑为代表的移动设备都具备了一定“轻办公”的能力,但受限于屏幕尺寸、操作逻辑和软件生态的限制,它们的“生产力”却远远不如同样主打轻薄便携的笔记本们。问题是,绝大多数所谓的“轻薄本”都对不起它们的称号,在长途外出时依旧会成为肩膀的负担,以至于很多商务用户不得不选择iPad Pro+键盘套的组合,以应对差旅途中的琐碎工作。可惜,无论是iOS还是Android生态都很难搞定复杂的办公...

PEP8规范_weixin_30925411的博客-程序员宅基地

PEP8是Python的编码规范,其中心在于提高代码的可读性 当然也需要根据实际业务考量: 1.如果遵循反而可读性降低。 2.因为历史原因等,遵循后与其他代码的规范不一样(当然也是一个去收拾别人的烂摊子的机会)。 (所以编码的时候越是遵循规范,越会方便别人提高自己) 规范条例:1.代码排版 ...

方法论沉淀_西子湖畔的蜗牛的博客-程序员宅基地_方法论沉淀

综述立此文以积累各项具体事务的方法,之后进一步归纳总结,希望形成各领域的方法论,最终如若悟性够好,形成处理一切问题的方法论,以不变应万变。 积小流以成江海。各领域各事项方法如何阐释产品需求价值:想-&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;说-&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;做 https://blog.csdn.net/w

php微信公众号采集器,WordPress微信公众号采集插件_古畑新之助的博客-程序员宅基地

插件介绍腾讯微信公众号文章采集器。根据微信链接,采集指定文章;根据公众号,采集全部发布的历史文章。采集后有两种形式进行展示,微信文章原形式和wordpress文章形式。只需微信号,支持批量自动采集,支持伪原创,支持图片本地化。插件功能文章采集:输入微信文章地址,自动抓取标题和内容,伪原创生成到自己的网站中。可生成两种格式,wordpress文章格式或者微信文章原版格式。公众号采集:输入微信公众号服...

随便推点

nema协议解析_adazone的博客-程序员宅基地_nema解析

转自:http://blog.csdn.net/zhangjie_xiaoke/article/details/3371801nmea数据如下: $GPGGA,121252.000,3937.3032,N,11611.6046,E,1,05,2.0,45.9,M,-5.7,M,,0000*77 $GPRMC,121252.000,A,3958.3032,N,11629.6046,E,1

基于Jsp+Servlet+SQLServer的酒店管理系统_2914128349的博客-程序员宅基地

项目运行截图长沙理工大学《软件系统开发实训》报告酒店客房信息管理系统设计与实现 评分项目 优 良 中 及格 不及格 实训中的创造性成果 学生掌握课程内容的程度

数据库Sharding-JDBC教程1:目录_pastclouds的博客-程序员宅基地

数据库Sharding-JDBC教程1:目录数据库Sharding-JDBC教程2:Mysql数据库主从搭建数据库Sharding-JDBC教程3:Spring Boot整合Sharding-JDBC实现读写分离数据库Sharding-JDBC教程4:Spring Boot整合Sharding-JDBC实现数据分表+读写分离数据库Sharding-JDBC教程5:Spring Boot整合Sharding-JDBC实现分库分表+读写分离...

【linux】循序渐进学运维-基础命令篇_互联网老辛的博客-程序员宅基地

文章目录线上查询及帮助命令(2个)文件和目录操作命令(18个)查看文件及内容处理命令(21个)文件压缩及解压缩命令(4个)信息显示命令(11个)搜索文件命令(4个)用户管理命令(10个)基础网络操作命令(11个)深入网络操作命令(9个)有关磁盘与文件系统的命令(16个)系统权限及用户授权相关命令(4个)查看系统用户登陆信息的命令(7个)内置命令及其它(19个)系统管理与性能监视命令(9个)关机/重...

python bootstrap 文件上传_Bootstrap FileInput(文件上传)中文API整理_weixin_39851977的博客-程序员宅基地

下载地址、API和DOM地址(英语好的小伙伴可以看看)做项目用到bootstrap fileinput插件上传文件,在用的过程中,遇到一些问题,所以想着整理一份比较详细的文档,方便自己今后使用,也希望能给大家带来帮助,如有错误,希望大家积极指正,积极交流。注意:第三部分内容因为存在i标签,某些文字被转换成图标一、引入文件二、初始化设置//初始化fileinputinitFileInput();fu...

推荐文章

热门文章

相关标签