Setcina(目前还在更新以及完善中...)

01-React全局搭建脚手架

React.js
1.全局安装1npm install -g create-react-app 2.添加一个名为my-app的react的项目1create-react-app my-app 3.打开my-app1cd my-app 4.运行1npm start 5如果是在现有的项目安装react1234// ...
Read more

01-Git常用命令

Git
Git 常用命令1234Workspace:工作区Index / Stage:暂存区Repository:仓库区(或本地仓库)Remote:远程仓库 新建代码库123456789101112mkdir [project-name]cd [project-name]# 在当前目录新建一个Git ...
Read more

04-vuex中的mutations如何使用

Vuex
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 s ...
Read more

03-如何高效使用vuex来获取数据

Vuex
我们需要注意的是vuex作为一个状态管理器,需要再state中建立数据首先创建一个store文件夹并在里面创建store.js,构建好组件所需要的数据,然后,通过getters这个属性,去构造方法。什么是getter有时候我们需要从 store 中的 state 中派生出一些状态,例如对列表 ...
Read more

02-Vue.js 构造VUEX的中央管理器

Vuex
安装依赖1npm install vuex --save-dev 在文件目录下建立store文件夹,并且建立store.js12文件建立src/store/store.js 构造单一状态树Vuex 使用单一状态树——是的,用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 ( ...
Read more

01-什么是vuex

Vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 什么是”状态管理器”1234567891011121314151617181920212223new Vue({ // s ...
Read more

09-vue-router的动态绑定

Vue.js
vue-router传递参数分为两大类 编程式的导航 router.push 声明式的导航 编程式的导航 router.push编程式导航传递参数有两种类型:字符串、对象。 字符串字符串的方式是直接将路由地址以字符串的方式来跳转,这种方式很简单但是不能传递参数:1this.$route ...
Read more

08-Vue.js的生命周期函数

Vue.js
生命周期12345678910111213141516171819202122232425钩子函数 生命周期beforeCreate:function () { alert("组件实例化之前执行的函数");},created:function(){ aler ...
Read more

07-Vue通信传值的多种方法

Vue.js
1.通过路由带参数进行传值两个组件 A和B,A组件通过query把orderId传递给B组件(触发事件可以是点击事件、钩子函数等)1this.$router.push({ path: '/conponentsB', query: { orderId: 123 } ...
Read more

06-配置以及使用vue-router

Vue.js
1.如何使用vue-router1234567首先安装vue-router模块(npm install vue-router --save-dev)import VueRouter from 'vue-router'Vue.use(VueRouter)const rout ...
Read more
Prev Next