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)

posted @ 2021-11-09 18:55  旅祸少年  阅读(110)  评论(0编辑  收藏  举报