我想在Vue js 3中全局注册index.js中的vForm但不工作，而使用vuejs 2它的工作方式就像VueVue js 3中的Vue.component（Form）如何定义一次并在所有窗口或组件中使用，下面的代码不工作。感谢您的评论和快速响应。
import { Form, HasError, AlertError } from 'vform'; app.use(Form); app.use(HasError); app.use(AlertError)
ctehm74n1#
好吧，它在Vue 3中的工作原理是一样的-但不是使用全局Vue，而是使用app：
Vue
app
import { createApp } from 'vue'; import App from './App.vue'; import router from './router'; import { Form, HasError, AlertError } from 'vform'; const myApp = createApp(App); myApp.use(router); myApp.component('v-form', Form); myApp.component('has-error', HasError); myApp.component('alert-error', AlertError); myApp.mount('#app');
2hh7jdfx2#
这就是我在Vue 3中要做的
Vue 3
import App from "@/components/App"; import Form from "vform"; import { HasError, AlertError } from "vform/src/components/bootstrap5";
HasError和AlertError也可以从vform/src/components/bootstrap4导入
HasError
AlertError
vform/src/components/bootstrap4
const app = createApp(App); window.Form = Form; app.component("has-error", HasError); app.component("alert-error", AlertError);
2条答案
按热度按时间ctehm74n1#
好吧，它在Vue 3中的工作原理是一样的-但不是使用全局
Vue，而是使用app：2hh7jdfx2#
这就是我在
Vue 3中要做的HasError和AlertError也可以从vform/src/components/bootstrap4导入