08 2019 档案
摘要：一、介绍 （1）概念 webpack 用于编译 JavaScript 模块，是 JavaScript 静态模块的打包工具。从 webpack v4.0.0 开始，可以不用引入一个配置文件。 （2）核心 1.入口(entry)：指定webpack打包编译从哪个文件开始下手 入口起点(entry poi
阅读全文
摘要：mapState、mapGetters、mapActions 如果我们不喜欢这种在页面上使用“this.$stroe.state.count”和“this.$store.dispatch('funName')”这种很长的写法，那么我们可以使用mapState、mapGetters、mapAction
阅读全文
摘要：三种，第一种：是全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。第二种：组件内的钩子第三种：单独路由独享组件 .
阅读全文
摘要：vue：主要Vue vue-router：关于路由方面的配置 vuex：数据共享和缓存用 vue-resource：于后台交互用（现在改为axios 但是axios不是Vue里面的东西） vue-cli：快速创建项目的脚手架 .
阅读全文
摘要：你知道路由钩子吗？路由钩子分为全局钩子、路由独享钩子、组件内钩子，全局钩子用来拦截所有的路由的，进行处理，路由独享钩子，本质上和后面的组件内钩子是一样的。都是特指的某个路由。不同的是，这里的一般定义在router当中，而不是在组件内。组件内钩子，是将钩子函数定义在组件内部了 项目中如果涉及多个组件数
阅读全文
摘要：（1）同步与异步 在 mutation 中混合异步调用会导致你的程序很难调试。 例如，当你调用了两个包含异步回调的 mutation 来改变状态，你怎么知道什么时候回调和哪个先回调呢？ 这就是为什么我们要区分这两个概念。在 Vuex 中，mutation 都是同步事务： 为了处理异步操作，vuex出
阅读全文
摘要：【前言】 数据在页面是获取到了，但是如果需要修改count值怎么办？更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。
阅读全文
摘要：（1）简介 Getter相当于vue中的computed计算属性，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算，这里可以通过定义vuex的Getter来获取，Getters 可以用于监听、state中的值的变化 （2）设置 文件：src/store/in
阅读全文
摘要：（1）单一状态树 Vuex 使用单一状态，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存在。这也意味着，每个应用将仅仅包含一个 store 实例。 单一状态树让我们能够直接地定位任一特定的状态片段，在调试的过程中也能轻易地取得整个当前应用状态的快照。 单状态树
阅读全文
摘要：（1）简介 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同： Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发
阅读全文
摘要：（1）简介 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、
阅读全文
摘要：因电脑配置的不同，还有个人喜好的不同，有时候想用自己喜欢的字体来写代码，想用自己习惯的字号大小来显示代码。这些又该怎样设置呢？ 本节主要介绍下如何设置字体大小和样式 （1）点菜单栏 “Preferences” 点选 “Settings” （2）文件说明 左侧 “Preferences.sublime
阅读全文
摘要：打开sublime的首选项（Preferences）下的设置-用户（Setting-User） ，配置如下代码 测试如下： .
阅读全文
摘要：【问题描述】 最近使用的sublime 编辑器出现了打开写好的程序，中文显示的确是方框，方框里面是问号，就是不显示中文。 然后网上查找了一下，大概都是说是需要中文编码插件，比如converttoutf8 gbk等编码插件来处理。不过我发现导致这个问题的不是编码错误，编码是没有问题的，都是utf8编码
阅读全文
摘要：font-awesome一个很强大的字体图标库。下载链接：http://fontawesome.dashgame.com/刚开始使用font-awesome的新手往往容易只引入一个css文件，这样就会导致图标显示不出来。如下图 下载解压后至少需要引入这两个文件夹css、fonts,）这两个文件夹必须
阅读全文
摘要：场景： vue-cli搭建的工程化项目，引入element框架后发现图标无效，变为方块 解决方案： 在index.html引入样式文件CDN链接即可 引入成功后会发现之前的font-awesome无效，这时去源码查看会看到font-awesome图标前缀是fa fa-xxx形式，但element框架
阅读全文
