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

2424 ℃

利用uniapp做vue项目开发,vue2vue3的写法有什么区别?下面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
  }
}

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

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

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

vue3项目如何正确引入新版高德地图(完整代码)

vue3如何解决store.state.count错误的取值

标签: uniapp, vue2, vue3

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

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

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

wordpress调用当前分类下所有文章(代码介绍)
简单介绍go语言支持哪些函数
es6介绍几种方法实现字符串反转
移动端vant组件input框点击时如何禁止弹出手机键盘
js语法中如何获取子节点