码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-06-23 22:29:59      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:加载   ima   uil   local   路径   oca   png   idt   结构   

用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项目的包结构和配置

标签:加载   ima   uil   local   路径   oca   png   idt   结构   

原文地址:https://www.cnblogs.com/liuyuhangCastle/p/11074631.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!