VUE3之WebPack打包.vue文件

将vue3用依赖的方式添加到项目中:

npm install vue@next --save

此时通过import方式将createApp方法从runtime+compiler的vue版本中引入:

import { createApp } from 'vue/dist/vue.esm-bundler';
const app=createApp({
    template: `<h2>我是vue渲染出来的</h2>`,
    data(){
        return {
            title: "hello world"
        }
    }
});
app.mount("#app");

可以看见能够成功渲染到页面中了

发表评论