VueCli:模板解析器
原来创建一个vue引入之后使用
直接使用template
let v=new Vue({
//这样前端就非常干净
template:`
<app></app>
`,
el:"#firstVue",
components:{
app
}
})
使用脚手架后变化了
使用了 render:解析器
//引入vue
import Vue from 'vue'
//引入app组件
import App from './App.vue'
//关闭生产提示
Vue.config.productionTip = false
//创建vm实例
new Vue({
render: h => h(App),
}).$mount('#app')
疑惑:原来用得好好的为什么引入这个?
答:脚手架认为模板解析器在经过webpack打包后模板解析器是多余的(因为webpack自带)然后就把模板解析器去掉了,但是考虑到开发者要用于是引入
render(参数){ return 参数.createElement('标签名',值) }
简化:
render(参数)=> 参数(APP)