05 vue-cli如何运行

一、index.html

    index.html跟其他html一样,只有一个空的根节点,提供main.js用来挂载实例,所有内容通过vue来填充。

  

  二、main.js

    main.js主要是引入vue框架,根组件及路由设置,并且定义vue实例。

      main.js在渲染的时候会被webpack打包成app.js在文件index.html中会被引入。      

三、App.vue

app.vue是根实例下的一个子组件,但是我们一般都将他作为顶级组件(或叫根组件),但是根组件只是相对而言的,下面我们就是将App.vue作为子组件来用

 总结:所谓的根组件或者顶级组件仅仅是相对而言的,因为main.js是入口文件不适合写逻辑,所以下面分支出一个(App.vue),我们使用的时候就把这个子组件(App.vue)作为我们的顶级组件(逻辑上的)!

猜你喜欢

转载自www.cnblogs.com/cainiaoguoshi/p/11085399.html
05