随笔列表第3页 - 1024记忆

2022年9月21日

摘要：状态管理 Pinia 此功能和VUEX类似，局有全站通用状态共享的特性。在 HBuilder X 下不需要安装，直接使用即可，步骤如下：第一步：在 main.js 中引入插件： import { createSSRApp } from 'vue'; import * as Pinia from 阅读全文

posted @ 2022-09-21 20:43 1024记忆阅读(3608) 评论(0) 推荐(0) 编辑

Vue 系统组件 <TransitionGroup> 简介

摘要： <TransitionGroup>动画过渡组件用于v-for列表中元素或组件的插入、移动、顺序改变的过渡效果。它应用于对象不是根元素，而是所有子元素，且所有子元素必需指定key属性。它和属性、用法和<Transition>基本相同，不同的是过渡效果对象差异。 <TransitionGroup> 阅读全文

posted @ 2022-09-21 09:35 1024记忆阅读(763) 评论(0) 推荐(0) 编辑

Vue 组合式函数简介

摘要： Vue 组合式函数：export导出一个函数。函数内可以定义生命周期勾子、数据及方法，它是可复用的模块。类似Mixin 混入。但比Mixin更有优势。组合式函数示例： useDemo.js import { ref, onMounted } from 'vue' export function a 阅读全文

posted @ 2022-09-21 08:13 1024记忆阅读(697) 评论(0) 推荐(0) 编辑

2022年9月20日

Vue 系统组件 <Transition> 简介

摘要： <Transition>动画过渡组件可在组件或元素显示、隐藏时产生过渡效果。触发条件： v-if v-show 动态组件component的切换注意事件： 1、<Transition> 仅支持单个元素或组件作为其插槽内容。如果内容是一个组件，这个组件必须仅有一个根元素,且根元素是templat 阅读全文

posted @ 2022-09-20 19:15 1024记忆阅读(1651) 评论(0) 推荐(0) 编辑

Vue 系统组件 <Teleport> 简介

摘要： <Teleport> 传递组件注意：uni-app中不支持！ @说明：将组件内的一部份模板传送到组件外层对象上，且不影响整个组件逻辑。 <Teleport to="" display=""></Teleport> 属性： to [必需 String | HTMLElement] 指定目标容器。可以阅读全文

posted @ 2022-09-20 10:19 1024记忆阅读(596) 评论(0) 推荐(0) 编辑

2022年9月19日

Vue 系统组件 <KeepAlive> 简介

摘要： <KeepAlive> 缓存组件注意：只支持H5端 <KeepAlive include = "" exclude = "" max = ""></KeepAlive> @说明：缓存被包裹的组件先看段动态绑定组件代码： <component :is="activeComponent"></com 阅读全文

posted @ 2022-09-19 14:25 1024记忆阅读(270) 评论(0) 推荐(0) 编辑

Vue 组件插槽

摘要：默认插槽的定义与使用  <template> <button> <slot>提交</slot> </button> </template>  <template> <test>保存</test> </template> 具名插槽的定义阅读全文

posted @ 2022-09-19 08:27 1024记忆阅读(303) 评论(0) 推荐(0) 编辑

2022年9月17日

Vue 事件修饰符、按键修饰符、鼠标按键修饰符简介

摘要：事件修饰符一、事件可以同时绑定多个修饰符，比如： <a @click.stop.once="doThis"></a> 二、绑定多个修饰符时，有先后顺序且意义可能也不一样，比如： <div @click.prevent.self="..."> ... </div> <div @click.self. 阅读全文

posted @ 2022-09-17 18:03 1024记忆阅读(642) 评论(0) 推荐(0) 编辑

VUE小细节杂项整理

摘要：此文档主要整理一些不常用的，且常被遗忘掉的知识点一、${}方法的使用：用于在字符串内绑定数据常规字符串内绑定数据方法： <div :id="'a' + count"></div> 利用${}方法： // 注意：`号不是单引号// ${变量}<div :id="`a${count}`"></div 阅读全文

posted @ 2022-09-17 16:43 1024记忆阅读(84) 评论(0) 推荐(0) 编辑

Vue 绑定style简介

摘要：绑定style样式对应HTML 元素的 style 属性，比如要设置字段大小： <div :style="{fontSize: '2rem'}">你好，中国！</div> 样式名称建议采用驼峰写法，但是也可以用 kebab-cased 的形式，比如上例中，也可以写成： <div :style="{' 阅读全文

posted @ 2022-09-17 14:52 1024记忆阅读(576) 评论(0) 推荐(0) 编辑