Vue.js的src文件

1、assest：

图片等等......

2、components：

组件

3、App.vue：

根组件，三个部分：模板、行为(处理逻辑)、样式；

模板：

只能有一个根标签；

<HelloWorld/>

行为里面引入组建后，用这个标签来对它们之间产生关联；

行为：

import HelloWorld from ‘./components/HelloWorld‘

这是另外一个组件，用来关联组件，组件可以理解为一个功能的页面，项目都是由多组件来完成的；

export default{

　　name:‘app‘,

　　components:{ HelloWorld,Home }

}

这里是注册组件；需要先引入组件，再注册，再写出来标签，才能真正产生关联；

4、main.js(重要)：

跟index.html有直接的联系，当执行完index.html后紧接着执行的就是main.js；

import Vue from ‘vue‘

引入vue就可以在下面实例化出来

new Vue({

　　el:‘#app‘,　　//el:element,‘#app‘就是index.html中的id=‘app’

　　template:‘<App/>‘,　　//‘<App/>‘组件调用的标签

　　components:{ App }　　//调用App这个组件

})