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

利用uniapp做vue项目开发,vue2和vue3的写法有什么区别?下面编程教程网小编给大家简单介绍一下二则的不同之处!

存储数据的写法:

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
  }
}
以上是编程学习网小编为您介绍的“uniapp开发中vue2和vue3的写法有什么区别”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:uniapp开发中vue2和vue3的写法有什么区别

基础教程推荐