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进行渲染
本文介绍了如何在Webpack环境中,通过import导入Vue并创建实例,重点在于理解在不支持component和template属性的情况下,利用render函数来渲染Vue的App根组件。在src->index.js中,我们导入Vue和App.vue,然后创建vue实例,将 '#app' 作为挂载点,通过render方法渲染App组件。这是一个关于前端开发中Vue和Webpack结合使用的实战教程。
2956

被折叠的 条评论
为什么被折叠?



