vue证明题三,vue项目的包结构和配置

Posted liuyuhangcastle

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue证明题三,vue项目的包结构和配置相关的知识,希望对你有一定的参考价值。

用vue-cli创建的项目带有自动配置好的包结构,包结构都是固定的。

 

关于详细的解释,网上多得是,只说下最重要的内容

 

1.vue项目包结构和端口号配置

  这里笔者下了个HBuilderX来写代码。

 

  技术图片

 

2.vue开发写什么?

  vue中编写的主要是.vue文件,如App.vue文件。大概结构如下图说明:

 

  技术图片

 

   该vue文件的加载写在了main.js文件中,简要解析如下图:

   技术图片

 

   仔细看来和当前访问的localhost:8080的页面的内容对不上,那么继续看下路由文件写了什么:  

  技术图片

 

   这里,路由文件指明了根路径下要加载一个叫HelloWorld的组件,这个组件在components中已经存在,大概看一下

  技术图片

 

   这个文件的结构和之前叙述的App.vue文件的结构是相同的,分别由template,scrpit和style构成,不细说了

 

 具体怎么写,下文再说

 

以上是关于vue证明题三,vue项目的包结构和配置的主要内容,如果未能解决你的问题,请参考以下文章

vue源码-vue项目配置和入口文件,数据响应化处理

vue init深度定制团队自己的Vue template

Vue ---- 项目与环境搭建 初始项目结构 Vue生命周期

vue项目结构

将Vue-cli搭建的项目改造成多页面应用时对项目结构和配置的调整

将Vue-cli搭建的项目改造成多页面应用时对项目结构和配置的调整