小贺同学的blog

vuex的最终使用方法再标签中添加 1import {mapGetters,mapState,mapActions} from 'vuex' 然后有两种使用方法，下面示例： 1234567computed:{ ...mapGetters{sum:'sum',add:'add'}//对象式//对象式的含义：key：表示会在computed中生成的方法函数。而value:表示从mapGetters中调用的方法 ...mapGetters{['sum','add']}//数组式//数组式的含义即，同时创建再这边的函数并调用mapGetters的方法，这两个方法同名而已。同理mapMutation也是一样的}

vuex正式使用方法。 getters在store/index.js中添加一个 123456const getters = { bigSum(state){ return state.sum*10 }}然后再export中添加getters 再组件中要调用getters，使用$store.state.getters.内容

vuex再vuex中，有三个关键的内容和相关的函数方法 actions。再组件中调用actions需要调用this.$store.dispatch(‘方法’，value) 。组件会调用vuex中actions，请求使用方法，并传递value参数给他。而在actions中的方法中，他将会收到两个参数，context上下文，value参数。这个context上下文可以直接调用state，也可以调用commit方法来继续调用mutation。 mutations，他会接受actions发送过来的请求。然后他也会有两个参数，第一个参数就是state，也就是mutations可以用来修改state中的数据（当然，actions中的context也可以直接调用state并进行修改，但我们并不推荐这么做。）。然后可以直接再mutations中修改state的内容。state再组件中调用state的内容时，需要使用this.$store.state.内容 来调用state的中的数据。 补充，组件可以直接用commit方法调用mutations。跳过actions。但是我们并不建议这么做，因为会把太多的 ...

#vuex这是vuex的工作原理图。 vue2使用vuex3，vue3使用vuex4.vuex其实是存储在store中。也就是actions，mutations，state都是在store中的。主要流程。 安装vuex12//vue2中需要使用vuex3npm i vuex@3 然后再src目录下，新建一个store目录，然后再store目录下新建一个index.js。其中写以下模板内容。1234567891011121314import 'Vue' from 'uue'import 'Vuex' from 'uuex'//再编译Vuex前必须先通过Vue使用Vuex。然后他会自动检测到Vuex的内容。并绑定到Vue的内部。Vue.use(Vuex)const actions = {}const mutations ={}const state = {}const store = new Vuex.Store({ action ...

具名插槽就是可以在组件中，可以定义插槽的名字 1<slot name="haha"></slot> 然后可以在调用该组件的父组件中通过<template v-slot="haha">...</template>来插入新的结构标签到组件中。 作用域插槽。他的最大特点是可以从子组件传递数据到父组件。通过:标记，和prop类似，将具体的对象发送到父组件中使用。 12345678910111213141516//子组件<slot name="haha" :games="games" :msg="msg"></slot>//父组件//这里的test是可以任意取名的。他会将子组件传递过来的所有值全部接受，然后你看也获取其中的对象<template v-slot="haha" scope ="test"><ul v-for="(game,index) in te ...

关于我配置我家云然后安装debian时，经常安装报错，因此在这里简单介绍一下如何给debian换源，同时推荐使用阿里源，他会比清华源更加稳定好用。 备份配置文件1cp -a /etc/apt/sources.list /etc/apt/sources.list.bak 编辑配置文件1vim /etc/apt/sources.list 具体国内源12345678deb https://mirrors.aliyun.com/debian/ bullseye main non-free contribdeb-src https://mirrors.aliyun.com/debian/ bullseye main non-free contribdeb https://mirrors.aliyun.com/debian-security/ bullseye-security maindeb-src https://mirrors.aliyun.com/debian-security/ bullseye-security maindeb https://mirrors.aliyun.com/d ...

关于如何配置ssl证书和自动装配，并且部署到nginx的服务器上。 首先在freessl.cn部署一个ssl证书，可以是泛域名的。他只有一个月。搭配上acme就可以永久部署了。 具体步骤如下先获得ssl泛域名证书。 然后安装acme完成自动化部署。 安装使用下面这个命令： 1curl https://get.acme.sh | sh -s email=my@example.com 可以根据上面这个模板进行修改。最后就算部署完成，可以正常浏览你的网站了.安装完成后，就根据freessl给你的命令，直接复制到你的服务器执行，然后就在服务器上安装好自动更新的证书了。但是此时的证书任然没有部署到域名上，仍然需要操作 部署好后，请记住你的证书安装的地址，这个之后部署到nginx上需要使用。 nginx部署ssl证书最好的做法不是直接修改nginx.conf 文件，而是在conf.d 文件夹下添加与你相关的服务的信息。如果没有conf.d文件夹可以自己创建。然后再nginx.conf里引用你创建的文件即可。下面是一个示例： 123456789101112131415161718192021 ...

ktorktor是由JetBrains构建的多平台工具包，用于在kotlin中创建Web应用程序。Ktor 是一个轻松构建联网应用（web 应用、 HTTP 服务、 移动应用以及浏览器应用）的框架。 现代的联网应用需要异步化来提供最佳的用户体验，而 Kotlin 协程为此提供了极其简便的方式。

Android经常使用build.gradle来添加依赖和批量打包。 Gradle 简单介绍Gradle 构建由 Project 和 Task 组成，Project 保存项目的属性，例如 name，版本号，代码文件位置。Task 也是 Project 的一部分，但是它是可执行的任务，我们最常使用的 build 就是一个 Task，Task 可以依赖于另外一个 Task，一个 Task 在执行的时候，它依赖的 Task 会先执行。这样，当我们 build 的时候，这个 Task 可能依赖很多的 Task，比如代码检查、注解处理，这样一层层的依赖，最终通过 build Task 全部执行。 gradle和groovy的区别Gradle是一种自动化构建工具，与之类似的还有Maven，Ant。而Groovy是一种语言，Gradle允许使用这种语言来编写。同样kotlin也是一种语言可以用来编写Gradle，这两种语言有不同的编写格式，但是都大差不差。 DSLDSL全称：Domain Specific Language，即领域特定语言，它是编程语言赋予开发者的一种特殊能力，通过它我们可以编写出一 ...

数据类在class前面加上data前缀，将会创建一个数据类。编译器会自动的从主构造函数中根据所有声明的属性提取以下函数： equals() / hashCode()toString() 格式如 “User(name=John, age=42)”componentN() functions 对应于属性，按声明顺序排列copy() 函数 copy函数示例： 12345678910data class User(val name: String, val age: Int)fun main(args: Array<String>) { val jack = User(name = "Jack", age = 1) val olderJack = jack.copy(age = 2) println(jack) println(olderJack)} 密封类密封类用来表示受限的类继承结构。每个枚举常量只存在一个实例，而密封类 的一个子类可以有可包含状态的多个实例 12345678910se ...