uni-app教程三（全局模块util(2)

这种方式，只需要在 main.js 中定义好即可在每个页面中直接调用。

注意：

1、每个页面中不要在出现重复的属性或方法名。

2、建议在 Vue.prototype 上挂载的属性或方法，可以加一个统一的前缀。比如 $baseUrl，在阅读代码时也容易与当前页面的内容区分开。

3. Vuex

Vuex 是一个专为 Vue.js

应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

首先安装vuex

cnpm install vuex -S

3.1 在 uni-app 项目根目录下新建 store 目录，在 store 目录下创建 index.js 定义状态值

import Vue from ‘vue’

import Vuex from ‘vuex’

Vue.use(Vuex)

const store = new Vuex.Store({

state: {

login: false,

token: ‘’,

avatarUrl: ‘’,

userName: ‘’

},

mutations: {

login(state, provider) {

console.log(state)

console.log(provider)

state.login = true;

state.token = provider.token;

state.userName = provider.userName;

state.avatarUrl = provider.avatarUrl;

},

logout(state) {

state.login = false;

state.token = ‘’;

state.userName = ‘’;

state.avatarUrl = ‘’;

}

}

})

module.exports=store

3.2 在 main.js 挂载 Vuex

import store from ‘./store’

Vue.prototype.$store = store

3.3 在 pages/index/index.vue 使用

[

最后

你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我特地针对初学者整理一套前端学习资料

什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我特地针对初学者整理一套前端学习资料

[外链图片转存中…(img-V64a5heL-1714328567283)]