本文介绍了如何在Webpack环境中，通过import导入Vue并创建实例，重点在于理解在不支持component和template属性的情况下，利用render函数来渲染Vue的App根组件。在src->index.js中，我们导入Vue和App.vue，然后创建vue实例，将 '#app' 作为挂载点，通过render方法渲染App组件。这是一个关于前端开发中Vue和Webpack结合使用的实战教程。
install:
npm i vue -S
- 在src->index.js入口文件中，通过
import Vue from 'vue导入vue - 创建vue实例对象，并指定要控制的el区域
- 通过render函数渲染app根组件
render函数渲染：
- 导入Vue构造函数：
import Vue from ‘vue' - 导入App根组件：
import App from 'App.vue - 实例化对象：
const vm = new Vue({
el: '#app',
})
render: h => h(App)
注意：
- webpack中使用的vue，不支持component属性和template属性等渲染vue，只支持render进行渲染
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
