uniapp开发中vue2和vue3的写法有什么区别

利用uniapp做vue项目开发，vue2和vue3的写法有什么区别？下面web建站小编给大家简单介绍一下二则的不同之处！

存储数据的写法：

vue2

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex);

const store = new Vuex.Store({
  state:{
    "username":"xiaomi",
    "age":22
  }
})
export default store

vue3

import { createStore } from 'vuex'
const store = createStore({
  state:{
    "username":"xiaomi",
    "age":22
  }
})

export default store

引入数据的写法：

vue2

import Vue from 'vue'
import App from './App'
import store from './store'

Vue.prototype.$store = store

const app = new Vue({
  store,
  ...App
})
app.$mount()

vue3

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

NutUI模版官网使用入口，京东风格的轻量级移动端组件库

Lime UI官网使用入口，一款基于uniapp的移动端组件库

uniapp微信小程序打包成功后wxss编译错误排查

vue2项目使用预渲染prerender-spa-plugin插件解决seo优化

Element UI中文官网Element Plus是一套基于Vue3.0的桌面端组件库

标签： uniapp, vue2, vue3

上面是“uniapp开发中vue2和vue3的写法有什么区别”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3239.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！