个人简介

Echo Blog


江湖无名 安心练剑
  • Animate.css 动态 CSS
    Animate.css Animate.css 是一个随时可用的跨浏览器动画库,可用于您的 Web 项目。 非常适合强调、主页、滑块和注意力引导提示。 Installation and usage 安装 $ npm install animate.css --save or $ yarn add animate.css or: import "animate.css" ...
    2021-08-29 13:01:55 | WEB
  • HarmonyOS 鸿蒙操作系统
    鸿蒙系统简介 鸿蒙系统(HarmonyOS),是第一款基于微内核的全场景分布式OS,是华为自主研发的操作系统。 2019年8月9日,鸿蒙系统在华为开发者大会 <HDC.2019> 上正式发布,华为会率先部署在智慧屏、车载终端、穿戴等智能终端上,未来会有越来越多的智能设备使用开源的鸿蒙OS。 鸿蒙OS实现模块化耦合,对应不同设备可弹性部署,鸿蒙OS有三层架构,第一层是内核,第...
    2021-08-29 13:01:55 | OS
  • Vuex4-16-TypeScript 支持
    TypeScript 支持 Vuex 提供了类型声明,因此可以使用 TypeScript 定义 store,并且不需要任何特殊的 TypeScript 配置。 请遵循 Vue 的基本 TypeScript 配置来配置项目。 但是,如果你使用 TypeScript 来编写 Vue 组件,则需要遵循一些步骤才能正确地为 store 提供类型声明。 Vue 组件中 $store 属性的类型...
    2021-08-29 13:01:55 | VUE
  • Vuex4-15-热重载
    热重载 使用 webpack 的 Hot Module Replacement API,Vuex 支持在开发过程中热重载 mutation、module、action 和 getter。 你也可以在 Browserify 中使用 browserify-hmr 插件。 对于 mutation 和模块,你需要使用 store.hotUpdate() 方法: // store.js imp...
    2021-08-29 13:01:55 | VUE
  • Vuex4-14-test 测试
    我们主要想针对 Vuex 中的 mutation 和 action 进行单元测试。 测试 Mutation Mutation 很容易被测试,因为它们仅仅是一些完全依赖参数的函数。 这里有一个小技巧,如果你使用了 ES2015 模块,且将 mutation 定义在了 store.js 文件中,那么除了模块的默认导出外,你还应该将 mutation 进行命名导出: const state...
    2021-08-29 13:01:55 | VUE
  • Vuex4-13-表单模式
    表单处理 当在严格模式中使用 Vuex 时,在属于 Vuex 的 state 上使用 v-model 会比较棘手: <input v-model="obj.message"> 假设这里的 obj 是在计算属性中返回的一个属于 Vuex store 的对象,在用户输入时,v-model 会试图直接修改 obj.message。 在严格模式中,由于这个修改不是在 mutat...
    2021-08-29 13:01:55 | VUE
  • Vuex4-12-严格模式
    严格模式 开启严格模式,仅需在创建 store 的时候传入 strict: true: const store = createStore({ // ... strict: true }) 在严格模式下,无论何时发生了状态变更且不是由 mutation 函数引起的,将会抛出错误。 这能保证所有的状态变更都能被调试工具跟踪到。 开发环境与发布环境 不要在发布环境下启用严格...
    2021-08-29 13:01:55 | VUE
  • Vuex4-11-插件
    插件 Vuex 的 store 接受 plugins 选项,这个选项暴露出每次 mutation 的钩子。 Vuex 插件就是一个函数,它接收 store 作为唯一参数: const myPlugin = (store) => { // 当 store 初始化后调用 store.subscribe((mutation, state) => { // 每次 m...
    2021-08-29 13:01:55 | VUE