初识vue——起步

1、目录结构：

咱们常用的是如下几个目录：

一、assets:静态资产文件：在vue组件中，全部组件中，全部模板和CSS都会被vue-html-loader和css-loader解析，并查找资源url。例如<img src='./logo.png'>和background:url(./logo.png)中，都是相对路径，将由webpack解析为模块依赖；这些资源可能在构建过程当中被内联，复制，重命名，基本上是源码的一部分，主要存放图片等内容；其实本身建立文件夹放置静态资源都是能够的；

与其类似的是一个名为static文件夹，static/目录下的文件并不会被webpack处理；他们会直接被复制到最终目录。要使用绝对路径引用这些文件；

二、components文件：存放咱们开发的内容；　　Test.vue

这些都不是固定的，本身能够按照项目需求创建本身的目录来存放文件；

三、router文件：

 

而咱们全部components文件下的.vue文件都会被加载到APP.vue文件里面，而后加载到index.html里面；