vue使用uniapp,vue.js和uniapp
Uniapp可以用vuex。如何使用:首先创建一个名为store的文件夹,在这个js文件下定义公共数据和方法函数;然后装上vuex在导入文件中;最后,在单个页面中使用vuex。
UNI-APP开发(仿饿)开发课程:进入学习
本教程运行环境:windows7系统,Uni-App版本2.5.1。这个方法适用于所有品牌的电脑。
推荐(免费):uni-app开发教程
uniapp可以用vuex,使用方法:
1.在项目的根目录下,创建一个名为store的文件夹,然后在这个文件夹下创建一个index.js的js文件。
2.在js文件下定义常用数据和方法函数,并导出。
从“vue”导入Vue
从“vuex”导入Vuex
Vue.use(Vuex)
const store=new Vuex。商店({
状态:{},
突变:{},
动作:{}
})
导出默认存储3。在条目文件中挂载vuex,即:main.js
从“vue”导入Vue
从导入应用程序。/App
//介绍vuex
从导入存储。/商店
//将vuex定义为全局组件
Vue.prototype.$store=store
Vue.config.productionTip=false
App.mpType=app
const app=new Vue({
.App,
//挂载
商店
})
App。$mount()4。在单页中使用vuex
脚本
导出默认值{
已创建(){
console.log(这个。$store)
}
}
/脚本相关免费学习推荐:php编程(视频)
以上是uniapp能否使用vuex的细节。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。