首页 > 其他 > 详细

vue 第七次学习笔记

时间:2018-10-02 19:24:07      阅读:153      评论:0      收藏:0      [点我收藏+]


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

 

vue 第七次学习笔记

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!