首页 > Web开发 > 详细

Vue.js的src文件

时间:2018-03-27 16:09:40      阅读:177      评论:0      收藏:0      [点我收藏+]

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这个组件

})

 

Vue.js的src文件

原文:https://www.cnblogs.com/xinchenhui/p/8657725.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!