本文实例讲述了Vue-CLI与Vuex使用方法。分享给大家供大家参考，具体如下：
Vue-CLI是Vue用于创建Vue项目的脚手架工具，它可以快速帮你创建一个Vue项目的文件目录，使Vue开发更加便捷、标准化。
1、全局安装脚手架：npm install --global vue-cli，安装成功后可以通过vue -V查看版本号
2、初始化项目文件夹：vue init webpack 项目名，之后会出现命令行交互，根据提示设置项目名称、描述以及是否安装一些依赖包。
3、安装依赖包：在vue项目中会用到很多第三方依赖，如果是新项目或者添加了新的依赖，运行之前就需要安装依赖：npm install，有时在启动项目时会报错Error: Cannot find module 'XXX'，这就是由于项目缺少依赖导致。如果npm install后仍报错，建议把依赖的文件夹node_modules删除，再重新安装依赖试一试。
4、启动项目：npm run dev，自动会在浏览器8080端口弹出项目页面。vue默认端口8080，如果需要修改，在config/index.js文件内修改port的值
5、项目打包：npm run build，在项目开发结束后打包生产dist文件夹，只需要把该文件放到服务器即可
构建项目之后生成初始文件夹：
Vuex是一个专门为vue.js应用开发的状态管理模式，当我们构建一个大中型SPA时，vuex可以帮助我们更好的再组建外部统一管理状态。当多个vue组件需要同时使用一些参数时，如果通过参数传递会很麻烦，而且多个组件同时操纵数据会导致开发混乱，这就需要对它们进行统一管理。
1、state：vuex中的数据源，所有组件对数据的操作都是对它，类似于vue组件中的data，在实例化vuex后可通过state访问其中的数据：
console.log(store.state.count)
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。