uniapp使用Vue3版本引入vant

最新推荐文章于 2024-07-24 22:12:16 发布

雷加祥

最新推荐文章于 2024-07-24 22:12:16 发布

阅读量673

点赞数 3

分类专栏：经验之谈文章标签： uni-app vue.js javascript

本文链接：https://blog.csdn.net/m0_37408390/article/details/131863148

版权

经验之谈专栏收录该内容

6 篇文章 0 订阅

订阅专栏

文章讲述了在Vue项目中，由于在使用import语句时的错误导致引入App和vant库时报错。对于Vue2，它修正了Vue实例的配置，并使用newVue()启动应用。而对于Vue3，则展示了如何使用createSSRApp创建应用并应用vant插件。

摘要由CSDN通过智能技术生成

按照官网的方式引入报错发现是use的时候写错了。。。

import App from './App'
import vant from 'vant'
import 'vant/lib/index.css'

// #ifndef VUE3
import Vue from 'vue'
import './uni.promisify.adaptor'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
  ...App
})
app.$mount('#app')
// #endif

// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
	app.use(vant)
  return {
    app
  }
}

// #endif