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

2271 ℃

利用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,我们会在看到邮件的第一时间内为您处理!

利用jquery做一个打字机效果(支持左右上下)
精准搜索资料的6个实用技巧
织梦cms如何设置keyword和description
npm如何卸载本地安装包和全局安装包
什么叫泛解析,域名出现垃圾网页怎么办?