uniapp 中使用 vuex,vue2 和 vue3 的区别
在 uniapp 中使用 vuex,需要将 vuex 注入到每一个组件。
1. 新建 store 目录,在此目录下新建 index.js 文件
vue2:
// 页面路径:store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex);//vue的插件机制
//Vuex.Store 构造器选项
const store = new Vuex.Store({
state:{//存放状态
"username":"foo",
"age":18
}
})
export default store
vue3:
// 页面路径:store/index.js
import { createStore } from 'vuex'
const store = createStore({
state:{//存放状态
"username":"foo",
"age":18
}
})
export default store
2. 在 main.js 中导入文件。
vue2:
// 页面路径:main.js
import Vue from 'vue'
import App from './App'
import store from './store'
Vue.prototype.$store = store
// 把 store 对象提供给 “store” 选项,这可以把 store 的实例注入所有的子组件
const app = new Vue({
store,
...App
})
app.$mount()
vue3:
// 页面路径:main.js
import App from './App'
import store from './store'
import {createSSRApp} from 'vue'
export function createApp() {
const app = createSSRApp(App)
app.use(store)
return {
app
}
}
-
微信小程序移除插屏广告关闭事件的监听函数InterstitialAd.offCloseInterstitialAd.offClose是微信小程序移除插屏广告关闭事件的监听函数。onClose 传入的监听函数。不传此参数则移除所有监听函数。
-
微信小程序wx.getExtConfig获取第三方平台自定义的数据字段wx.getExtConfig是微信小程序获取第三方平台自定义的数据字段函数。
-
wx.reportAnalytics 微信小程序自定义分析数据上报接口wx.reportAnalytics是微信小程序的自定义分析数据上报API,使用前,需要在小程序管理后台自定义分析中新建事件,配置好事件名与字段。
-
兔年首更:追格小程序V1.5.0发布追格小程序是一个积木式小程序搭建框架,基于uniapp+WordPress开发的微信小程序,代码免费开源不加密且支持二开,安装追格相应扩展模块(模块支持按需购买),简单配置即可快速搭建不限于圈子社区、知识付费、活动报名、资讯等类型小程序。
-
uniapp 设置微信小程序页面背景色 不起作用为什么设置了背景色无效
-
追格小程序发帖字数限制的修改方法追格小程序发帖字数,因为控件缘故,字数限制为140,若我们想修改成更多应如何处理?其实很简单,我们只需添加maxlength属性即可。
暂无评论,抢个沙发...