初识vue——起步
2017-12-19 09:52
204 查看
一、目录结构:
我们经常使用的是以下几个目录:
1、assets:静态资产文件:在vue组件中,所有组件中,所有模板和CSS都会被vue-html-loader和css-loader解析,并查找资源url。例如<img src='./logo.png'>和background:url(./logo.png)中,都是相对路径,将由webpack解析为模块依赖;这些资源可能在构建过程中被内联,复制,重命名,基本上是源码的一部分,主要存放图片等内容;其实自己创建文件夹放置静态资源都是可以的;
与其相似的是一个名为static文件夹,static/目录下的文件并不会被webpack处理;他们会直接被复制到最终目录。要使用绝对路径引用这些文件;
2、components文件:存放我们开发的内容; Test.vue
这些都不是固定的,自己可以按照项目需求建立自己的目录来存放文件;
3、router文件:
而我们所有components文件下的.vue文件都会被加载到APP.vue文件里面,然后加载到index.html里面;
相关文章推荐
- 详解Vue爬坑之vuex初识
- Vue起步
- 初识 Vue.js 中的 *.Vue文件
- 初识Vue
- 初识Vue
- 初识vue(一)
- bootstrap学习起步篇:初识bootstrap之html5语法构建hello篇(一)
- 曹可爱之最可爱-Vue.js入门 (一)初识
- 第一章 初识Vue
- Vue2+VueRouter2+Webpack+Axios 构建项目实战(七)初识 *.vue 文件
- vue.js 的起步
- 状态管理工具vuex初识
- Vue.js起步
- 初识vue
- Vue学习笔记一:初识vue
- vue 起步走 --“安装篇”
- vuex study第六节初识module模块组
- 1.1 初识vue.js
- Vue.js起步学习笔记