Vue的src文件

1、assest&＃xff1a;

图片等等......

2、components&＃xff1a;

组件

3、App.vue&＃xff1a;

根组件&＃xff0c;三个部分&＃xff1a;模板、行为(处理逻辑)、样式&＃xff1b;

模板&＃xff1a;

只能有一个根标签&＃xff1b;

行为里面引入组建后&＃xff0c;用这个标签来对它们之间产生关联&＃xff1b;

行为&＃xff1a;

import HelloWorld from &＃39;./components/HelloWorld&＃39;

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

export default{

　　name:&＃39;app&＃39;,

　　components:{ HelloWorld,Home }

}

这里是注册组件&＃xff1b;需要先引入组件&＃xff0c;再注册&＃xff0c;再写出来标签&＃xff0c;才能真正产生关联&＃xff1b;

4、main.js(重要)&＃xff1a;

跟index.html有直接的联系&＃xff0c;当执行完index.html后紧接着执行的就是main.js&＃xff1b;

import Vue from &＃39;vue&＃39;

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

new Vue({

　　el:&＃39;#app&＃39;,　　//el:element,&＃39;#app&＃39;就是index.html中的id&＃61;‘app’

　　template:&＃39;&＃39;,　　//&＃39;&＃39;组件调用的标签

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

})