1024记忆 - 博客园

2022年9月14日

摘要： readonly() 说明：接受一个对象 (不论是响应式还是普通的) 或是一个 ref，返回一个原值的只读代理。细节：它是深层的。即不管原值是多少子节点、孙节点，都是只读。用途：保护某些数据不让它意外的被修改。示例： const original = reactive({ count: 0 阅读全文

posted @ 2022-09-14 14:12 1024记忆阅读(777) 评论(0) 推荐(0)

v-model：组件数据双向绑定与及修饰符的实现

摘要：组件的v-model实现注意： v-model 只能绑定ref数据。不能绑定reactive响应数据。因为reactive绑定时，无法同步。方法一：默认绑定组件test.vue <template> <view><input type="text" :value="modelValue" @i 阅读全文

posted @ 2022-09-14 14:01 1024记忆阅读(513) 评论(0) 推荐(0)

Vue reactive()简介

摘要： reactive() ：定义响应式变量，仅支持对象、数组、Map、Set等集合类型有效。对String、number、boolean、等原始类型无效 1、使用前必需引入 reactive <script setup> import { reactive } from 'vue' </script> 阅读全文

posted @ 2022-09-14 11:21 1024记忆阅读(3973) 评论(0) 推荐(0)

Vue ref()简介

摘要： ref() ：定义响应式变量，它可以定义任意类型 1、使用前必需引入 ref <script setup> import { ref } from 'vue' </script> 2、定义语法： const a= ref(0)const b = ref(null)const c = ref({}) 阅读全文

posted @ 2022-09-14 11:15 1024记忆阅读(14106) 评论(0) 推荐(0)

new Map函数的使用说明

摘要：一、定义：二维数组键值对的形式 const person = new Map([ ['name', '秋風落葉'], ['age', 27], ['sex', '男'] ]) 二、赋值：OBJ.set(键名, 键值) const person = new Map() person.set('nam 阅读全文

posted @ 2022-09-14 09:11 1024记忆阅读(450) 评论(0) 推荐(0)

2022年9月13日

uni事件与web事件映射表

摘要： web事件 uni事件 click tap touchstart touchstart touchmove touchmove touchcancel touchcancel touchend touchend tap tap longtap longtap input input change c 阅读全文

posted @ 2022-09-13 22:44 1024记忆阅读(37) 评论(0) 推荐(0)

父组件修改子组件数据的几种方式！

摘要：条件： vue setup 方法一：父组件通过子组件的暴露的接口修改数据组件test.vue代码： <template> <view>姓名：{{student.name}}</view> <view>年龄：{{student.age}}</view> <view>手机：{{student.cont 阅读全文

posted @ 2022-09-13 10:21 1024记忆阅读(4165) 评论(0) 推荐(0)

Vue中toRef与toRefs的区别

摘要：条件： vue setup 作用：toRef、toRefs用于将reactive内的节点提取出来，同时具有响应式结构。一、toRef用法： <script setup> import { reactive, toRef, toRefs } from 'vue' var student = reac 阅读全文

posted @ 2022-09-13 10:19 1024记忆阅读(2517) 评论(0) 推荐(0)

2022年9月12日

VUE Setup 框架模板

摘要：为了方便阅读，我把setup分几个部份提取 <script setup> // 一、导入相关依赖，比如 ref、reactive等 // 二、定义props，即组件接收数据 // 三、定义data，即组件数据 // 四、定义emits，即组件相关事件 // 五、定义methods，即组件方法 // 阅读全文

posted @ 2022-09-12 16:07 1024记忆阅读(1521) 评论(0) 推荐(0)

uni-app中利用App.Vue定制全局变量、全局函数

摘要：条件： vue setup 在uni-app项目中，App.vue与其它页面等同于父组件与子组件的关系。所以我们可以利用这点，采用provide的依赖注入方式，实现全局变量或全局函数。一、定义APP的全局变量pageTitle，并提供修改它的方法：定义全局变量及函数（App.vue） // 定阅读全文

posted @ 2022-09-12 16:06 1024记忆阅读(5464) 评论(0) 推荐(0)