从零搭建vue项目:1系统登录-vuex保存登录用户信息初探

前言:

vuex是什么,我理解是在vue框架中使用的一个保存全局信息、状态的模块,项目到了什么规模,具有什么特点,才应该使用它呢?为什么不能自己创建一个保存全局信息的js文件,而非使用它呢?呵呵,暂时回答不上来,我想只有当我们完全了解它的作用以及用法之后,才会在需要它的时候想起它,使用它,进而总结出使用它的场景和选择它的原因。

系统登录后,当前登录的用户信息,为什么要保存下来呢?因为系统别的地方会用。为什么不能用的时候再向后台请求呢?呵呵,暂时回答不上来。

虽然有些问题答不上来,但为了生活,还是先学会用,并在学习的过程中找答案吧!开始了。

1 初始化项目:

1.1 安装node.js

1.2 生成基础项目

$ npm install -g vue-cli(vue-cli工具,全局安装,之前安装过可跳过,但再安一遍也没事)

$ vue init webpack my-project(生成项目)

从零搭建vue项目:1系统登录-vuex保存登录用户信息初探_第1张图片

$ cd my-project(进入项目文件夹)

$ npm install(npm可能需要到国外站点下载,慢,有一个cnpm使用国内镜像,快)

$ npm run dev(启动项目)

打开浏览器运行下,出来了,呵呵

从零搭建vue项目:1系统登录-vuex保存登录用户信息初探_第2张图片

2 制作登录界面

把默认界面改改得了,默认界面在哪呢?

从零搭建vue项目:1系统登录-vuex保存登录用户信息初探_第3张图片
项目目录

就是它,虽然说是界面,但其实这个文件我觉得应该叫做vue的一个组件,每个vue的组件都得由