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
---------------------------------