vue小白，请问这个.vue文件中，template标签和导入的样式是如何起作用的？

Question

这个文件在一个用vue-cli生成的项目的组件文件夹下。template标签没有任何的标识符，比如id，我想请教vue是怎么知道要引用这个template标签里的模板呢？Ver1.0.20180102.1import{mapState}from'vuex';import{Methods}from'../const/common';exportdefault{name:"start",computed:{...mapState(['moduleState'])},mounted(){setTimeout(function(){this.moduleState.start=false}.bind(this),2000);},beforeCreate(){Methods.getStoryList.call(this);}}@import"../style/css/start.css";

Answer 1

.vue文件经过vue-loader的解析
template标签内的内容会经过vue-loader解析成vue的渲染函数（也就是js）然后再给babel然后在后面一堆
script里面的东西->vue-loader->babel—>其他
style->vue-loader->对应CSS处理器->其他
然后再输出到JS或者CSS最后引入到html