vue 第七次学习笔记

vue-router

路由

vue-cli

脚手架

vuex

状态管理

---------------------------------

vue-router

路由

（需要安装一个插件）

bower install vue-router

单应用界面

只有一个界面

 

配置的名字 不能改 routes 不然报错

传参

 

 

---------------------------------

vue-cli

脚手架

 

 

进入项目目录

1.

cnpm install vue-cli -g

2.

vue init webpack-simple vue-cli-demo

（ vue-cli-demo 项目名称）

配置 一路通

 

3.

3.1 cd vue-cli-demo

cd 到项目里面去 这个 vue-cli-demo 是项目名

3.2 cnpm install

 

启动服务：npm run dev

npm run build //打包输出，上线

---------------------------------

 

---------------------------------

vuex

1:30:00:00

状态管理

每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同：

Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。

你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。

 

类似观察者模式 数据发生变化 界面 组件都会发生更新

---------------------------------

安装对应插件 没用到bower

cnpm install xxxx -g

 

vuex 适用于大型项目

 

---------------------------------

cnpm install axios -g

---------------------------------

http://localhost:8081/#/

F:\cli1\vue-cli-project
---------------------------------