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:cli1vue-cli-project
---------------------------------

原文地址:https://www.cnblogs.com/shaozhu520/p/9737404.html