提交 062b86f8 编写于 作者: DCloud-WZF's avatar DCloud-WZF 💬

docs(main): global component

上级 78ad83be
......@@ -11,10 +11,10 @@
```js
import Vue from 'vue'
import App from './App'
import pageHead from './components/page-head.vue' //全局引用 page-head 组件
import PageHead from './components/page-head.vue' //全局引用 page-head 组件
Vue.config.productionTip = false
Vue.component('page-head', pageHead) //全局注册 page-head 组件,每个页面将可以直接使用该组件
Vue.component('page-head', PageHead) //全局注册 page-head 组件,每个页面将可以直接使用该组件
App.mpType = 'app'
const app = new Vue({
......@@ -29,8 +29,12 @@ app.$mount() //挂载 Vue 实例
```JS
import App from './App'
import { createSSRApp } from 'vue'
import PageHead from './components/page-head.vue' //全局引用 page-head 组件
export function createApp() {
const app = createSSRApp(App)
app.component('page-head', PageHead) //全局注册 page-head 组件,每个页面将可以直接使用该组件
return {
app
}
......@@ -41,10 +45,12 @@ export function createApp() {
```ts
import App from './App'
import { createSSRApp } from 'vue'
import PageHead from './components/page-head.vue' //全局引用 page-head 组件
export function createApp() {
const app = createSSRApp(App)
app.component('page-head', PageHead) //全局注册 page-head 组件,每个页面将可以直接使用该组件
return {
app
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册