摘要:
1.useEffect react hooks 使用: useEffect(fn,dep) 第一个参数是函数,第二个参数是依赖项,可不传 1.当没有给依赖项时,则useEffect每次都会执行里面的函数 2.当给依赖项时,依赖项发生改变时,useEffect才会执行里面的函数 3.当依赖项为一个空数 阅读全文
摘要:
1.首先添加快捷指令,目的是保存图片至文件中 下载地址:https://www.icloud.com/shortcuts/b82164d0ef224944ae8a74fe501f5f03 safari打开链接添加快捷指令。快捷指令需要打开“允许不受信任的快捷指令” 2.运行快捷指令 选择一张或多张图 阅读全文
摘要:
1.Vuex是什么 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,用于管理页面的数据状态、提供统一数据操作的生态系统。在组件中可以任意获取仓库中的数据。和Vuex类似的还有redux,redux一般在react中使用比较多。 来自官方示例图 1.在组件中,通过dispatch一个A 阅读全文
摘要:
$on 使用:vm.$on('事件名称',callback) 说明:监听当前实例(vm)中的自定义事件,事件可以由$emit定义 $once 使用:vm.$once('事件名称',callback) 说明:监听当前实例(vm)中的自定义事件,事件可以由$emit定义,但是只会触发一次,触发后即解除 阅读全文
摘要:
代码: <template> <div> <input type="text" v-model="keyword" /> <transition-group name="list" tag="div" class="box"> <p v-for="(item, index) in list" :ke 阅读全文
摘要:
utils: // 防抖 export const debounce = (func, wait = 3000, immediate = true) => { let timeout = null; return function() { let context = this; let args = 阅读全文
摘要:
案例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" c 阅读全文
摘要:
指令: v-shot 说明: 插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的<slot></slot>标签 使用示例 子组件: <template> <div> <butto 阅读全文