编码
https://stackblitz.com/edit/vue-ttt?file=src/main.js
问题
我正在尝试在 StackBlitz 中构建一个简单的井字游戏应用程序。这是我的 main.js 文件:
import Vue from "vue";
import App from "./App.vue";
import TicTacToe from "./components/TicTacToe";
import Cell from "./components/Cell";
Vue.component("tic-tac-toe", TicTacToe); // error: "cannot read property 'component' of undefined"
另请注意我的 package.json
文件具有 vue 作为依赖项:"dependencies": {
"vue": "^3.0.0"
},
所以报错意味着需要定义Vue,ok 所以我引用了the 3x documentation :const app = Vue.createApp({ /* options */ })
但我得到 Cannot read property 'createApp' of undefined
那么我尝试定义一个实例:
const Vue = new Vue({});
我得到 Cannot access 'Vue' before initialization
因此,基于对该错误的谷歌搜索,我尝试:
Vue = new Vue({})
我得到 vue_1.default is not a constructor
.那我做错了什么?
最佳答案
当你使用 vue-cli、webpack 或 vite 等打包工具时,你应该导入 createApp
创建新实例并将其用于 app.use
或 app.component
...:
import { createApp } from "vue";
const app = createApp({ /* options */ })
使用 CDN 像:<script src="https://unpkg.com/vue@next"></script>
Vue 实例是全局可用的,因此您可以按如下方式使用它:const app = Vue.createApp({ /* options */ })
关于javascript - 以下文档我无法创建 Vue.js 3 的实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64418086/