Rumah  >  Artikel  >  hujung hadapan web  >  在vue-cli下使用vuex(详细教程)

在vue-cli下使用vuex(详细教程)

亚连
亚连asal
2018-06-04 14:50:374375semak imbas

这篇文章主要介绍了vue-cli下的vuex的简单Demo(实现加1减1操作),本文图文并茂给大家介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下

1.vue-cli搭建好项目之后,使用npm安装vuex

 npm install vuex --save

2.在项目目录中构建vuex目录(这里我新建了store的文件夹,里面新建了store.js文件)


3.在vue项目中的入口文件main.js中,为实例化的 Vue对象添加 store对象

4.配置和编写store.js文件

5.组件中使用vuex中存放的数据

6.实现效果

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

vue使用css能够把modules替代scroped有哪些方法?

如何使用Vuex实现计数器功能

深入讲解webpack模块的基本原理

Atas ialah kandungan terperinci 在vue-cli下使用vuex(详细教程). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn