小白兔晒黑了

Vuex推荐的目录结构

摘要： src\store\index.js import Vue from "vue"; import Vuex from 'vuex' import mutations from "./mutations"; import actions from "./actions"; import getters 阅读全文

posted @ 2020-07-06 17:53 小白兔晒黑了阅读(176) 评论(0) 推荐(0) 编辑

Vuex modules的使用

摘要： 1 为什么要使用模块当应用变得复杂时，store对象就会变得相当臃肿，为了解决这个问题，可以将store分割成模块（module）。而每个模块拥有自己的store mutation action getter等 2 代码 2.1 分割模块与定义模块 src\store\index.js modul 阅读全文

posted @ 2020-07-06 00:22 小白兔晒黑了阅读(461) 评论(0) 推荐(0) 编辑

Vuex action 异步函数

摘要： action与Mutation类似，Mutation用于同步函数，action用于异步函数。异步函数需要通过先action再传递到mutations，这样才能被Devtools记录下来。使用方法 1 组件发布行为 dispatch src\App.vue methods:{ addition() 阅读全文

posted @ 2020-07-04 00:10 小白兔晒黑了阅读(1002) 评论(0) 推荐(0) 编辑

Vuex：Mutation常量类型

摘要： 1 作用用常量替代 Mutation 事件类型。可以方便大型项目的命名规范 2 文件结构 3 代码 3.1 src\store\mutations-types.js export const INCREMENT = 'increment' 3.2 src\App.vue //1 导入 import 阅读全文

posted @ 2020-07-03 17:08 小白兔晒黑了阅读(869) 评论(0) 推荐(0) 编辑

Vuex的基本使用

摘要： 1 基本介绍 Vuex是一个专为Vue.js应用程序开发的状态管理器。 2 应用场景在多个组件里共享的状态，比如用户的登录状态，名称、头像、地理位置、购物车等。 3 安装方式 npm install vuex --save 4 代码部署 4.1 src\store\index.js import 阅读全文

posted @ 2020-07-01 18:04 小白兔晒黑了阅读(160) 评论(0) 推荐(0) 编辑

vue实现一个tabba组件的封装

摘要：封装方式一 1 文件结构 2文件代码 2.1 src\App.vue <template> <div id="app">  <router-view></router-view> <tab-bar 阅读全文

posted @ 2020-06-25 02:11 小白兔晒黑了阅读(250) 评论(0) 推荐(0) 编辑

vue-router 与keep-alive的使用

摘要： 1 需求：在页面上有一个列表，我们希望当点到别的路由再点回来时，列表还是上一次点开这个选择的那个列表 2 实现 2.1 删除默认的路由重定向 { path:'/home', component:Home, meta:{ title:'首页' }, children:[ /* { path: '/h 阅读全文

posted @ 2020-06-16 00:28 小白兔晒黑了阅读(280) 评论(0) 推荐(0) 编辑

vue-router 的使用。

摘要： src\router\index.js // 配置路由相关信息 import VueRouter from 'vue-router' import Vue from 'vue' import Home from "../components/Home" import About from "../c 阅读全文

posted @ 2020-06-12 00:38 小白兔晒黑了阅读(82) 评论(0) 推荐(0) 编辑

webpack配置文件的分离和webpack-merge的使用

摘要：开发时和生产时的配置不同，我们需要将两者分开配置 1安装webpack-merge 用于将配置文件进行合并 npm install webpack-merge 2配置（手动指定config） package.json "scripts": { "test": "echo \"Error: no te 阅读全文

posted @ 2020-06-04 16:34 小白兔晒黑了阅读(1203) 评论(0) 推荐(0) 编辑

.vue文件的封装处理

摘要：原本的js对象编写过于繁琐，我们用.vue组件来拆分。即，把app.js文件拆分为App.vue和Cpn.vue 1安装vue-loader 和 vue-template-compiler npm install vue-loader vue-template-compiler --save-de 阅读全文

posted @ 2020-06-02 17:26 小白兔晒黑了阅读(244) 评论(0) 推荐(0) 编辑

导航

2020年7月6日

2020年7月4日

2020年7月3日

2020年7月1日

2020年6月25日

2020年6月16日

2020年6月12日

2020年6月4日

2020年6月2日