uniapp vue3原型挂载方法
时间: 2023-05-28 11:03:26 浏览: 1114
vue中的.$mount('#app')手动挂载操作
在UniApp中,Vue3的原型挂载方法与Vue2类似,可以通过Vue.prototype.xxx = XXX的形式进行挂载。例如:
```javascript
// main.js
import { createApp } from 'vue'
import App from './App'
const app = createApp(App)
// 自定义全局方法
app.config.globalProperties.$myMethod = function () {
console.log('my method')
}
app.mount('#app')
```
然后在组件中就可以使用$myMethod方法了:
```vue
<template>
<div>
<button @click="$myMethod()">调用自定义方法</button>
</div>
</template>
<script>
export default {
mounted () {
this.$myMethod() // 调用全局方法
}
}
</script>
```
注意,如果使用的是Vue2,挂载全局方法的方式是Vue.prototype.xxx = XXX,而不是app.config.globalProperties.xxx = XXX。
阅读全文