利用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的写法有什么区别


基础教程推荐
猜你喜欢
- 对背景图定位中background-position属性的自我理解 2024-01-23
- React Native学习之Android的返回键BackAndroid详解 2024-01-07
- jquery.qrcode.js生成二维码并转成图片格式 2022-10-30
- js实现touch移动触屏滑动事件 2023-11-30
- 网页字体在Frontpage2000制作网页中的讲解 2024-03-10
- a标签的css样式四个状态LVHA的设计 2023-12-29
- 通过纯CSS样式实现DIV元素中多行文本超长自动省略号 2024-02-08
- 网站打开页面出现502错误是什么意思 2024-12-13
- vuejs用window.open打开base64图片 2024-12-07
- 智能应用横幅;适用于Android / Google Play的Windows应用商店HTML元标记? 2023-10-25