1 vue编译器

import Vue from 'vue'
import App from './App.vue'

//导入需要被全局注册的组件
import Count from '@/components/Count.vue'
Vue.component('MyCount', Count)

Vue.config.productionTip = false

new Vue({
  // render 函数中，渲染的是哪个 .vue 组件，那么这个组件就叫做 “根组件”
  render: h => h(App),
}).$mount('#app')

 vue模板编译器

浏览器可以直接识别.html文件，但并不能直接识别.vue文件

vue模板编译器会将.vue中的内容编译成js代码交给浏览器运行

2 vue组件实例