vue起步2之src目录介绍

src目录详解:

vue起步2之src目录介绍

src目录是存放初首页以外的所有源代码

assets目录是存放代码以外的资源

componets目录是存放除了主组件(App.vue)以外的所有组件

App.vue 主组件,入口组件

main.js 程序的入口文件,项目的核心文件。

接下来看一下入口文件,main.js

vue起步2之src目录介绍

作用:

1.实例化Vue。

2.放置项目中经常会用到的插件和CSS样式。例如: 网络请求插件:axios和vue-resource、图片懒加载插件:vue-lazyload

3.存储全局变量。例如(用户的基本信息)

一个 Vue 单文件组件,包括三个根标签:templatescriptstyle

main.js会将组件注入index.html 首页中,当然也说明了如何引入组件:import 引入组件;

vue起步2之src目录介绍

扩展

components 获取组件

template 使用组件

script 标签必须包含 export default 默认导出一个对象

script 标签导出的对象中的 data 属性应该是一个函数

style 标签中的属性 scoped 限定了样式的作用域