Vue + ElementUI 实现后台管理系统模板 -- 前端篇

夹谷景曜 2024-06-16 11:03:02 阅读 86

使用场景分析:

Home.vue 页面中,Header 部分有个折叠按钮,点击之后,可以折叠与展开 Aside 组件,这之间就设计到数据在组件间的共享。

使用 vuex 后,数据统一管理,当数据发生变化时,其所有引用的地方均会修改。

2、安装、模块化使用 vuex

1》安装

项目构建时,已经安装过了。

可以使用 npm 手动安装,然后在 vuex 中全局引入。

npm install vuex -S

注意:如果初始化项目时选择了vuex,一定要删除根目录下原有store.js文件

2》引入 vuex

import Vue from ‘vue’

import Vuex from ‘vuex’

Vue.use(Vue



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。