- 博客(13)
- 收藏
- 关注
RSS订阅原创 uni-app中如何获取表单数据
给checkbox-group绑定change事件，将获取到的值赋值给 this.hobby = event.detail.value。button按钮通过 form-type=“sunmit” 触发submit事件。给form添加submit事件，获取表单的值。方法一：通过数据绑定方式，获取表单数据。方法二：通过form表单的方式。
2023-01-05 13:37:16
2230
原创 vue学习（十二）v-model
在Vue3中 v-model 是破坏性更新的v-model在组件里面也是很重要的v-model 其实是一个语法糖 通过props 和 emit组合而成的。
2023-01-03 22:15:05
311
原创 vue3学习（十一）transition动画组件
flag">显示或隐藏.box{}// 进入的过渡动画// 开始进入height: 0;width: 0;}// 进入过程}// 进入结束}// 离开的过渡动画// 开始离开}// 离开过程}// 离开结束height: 0;width: 0;}flag">显示或隐藏// 对应的css.e-from{height: 0;width: 0;
2023-01-03 21:52:54
1030
原创 vue3学习（九）动态组件 实现 tab切换
Vue 收到一个组件，它被做成一个反应性对象。这可能会导致不必要的性能开销，应通过使用“markRaw”标记组件或使用“shallowRef”而不是“ref”来避免。标签 让多个组件使用同一个挂载点，并动态切换，这就是动态组件。设置动态样式active。
2022-12-18 23:23:29
4458
原创 vue3学习（八）父子组件传参
从子组件接收子组件派发的事件 ‘on-click' ，后面是父组件自定义的函数名getName。我们在子组件绑定了一个click 事件 然后通过defineEmits 注册了一个自定义事件。使用TypeScript 语法，可以使用传递字面量类型的纯类型语法做为参数。绑定一个数据，然后子组件通过defineProps接受传过来的值。子组件通过defineExpose对外暴露属性 或 方法。子组件 通过defineProps 接收参数。父组件传递参数：name。父组件接受子组件的事件。父组件通过ref接收。
2022-12-18 17:17:19
192
原创 vue3学习（七）vue3组件的生命周期
数据更新时调用，获取到更新之前的数据（更新之前可以做些卸载的操作）此时读不到dom，可以获取到data数据，在dom挂载之前调用。组件渲染完成之后调用，可以操作dom。组合式API 是没有。vue组件的生命周期。
2022-12-16 22:01:02
1794
原创 vue3学习（六）watchEffect高级侦听
第一个参数就是要运行的副作用函数。这个副作用函数的参数也是一个函数，用来注册清理回调。清理回调会在该副作用下一次执行前被调用，可以用来清理无效的副作用，例如等待中的异步请求 (参见下面的示例)。立即运行一个函数，同时响应式地追踪其依赖，并在依赖更改时重新执行。，可以用来调整副作用的刷新时机或调试副作用的依赖。
2022-12-16 17:23:40
314
原创 vue3学习（五）watch侦听器在vue3中的应用
watch用于声明在数据更改时调用的侦听回调，监视属性，就是监测指定的属性是否发生变化，如果发生了，则进行一系列操作，如果没发生变化，则监视属性也不会被触发。watch有三个参数第一个参数：需要侦听的数据源第二个参数：是一个回调函数 ，该函数有两个参数（newVal, oldVal)第三个参数：一个配置项数组{:true， //是否立即调用一次deep:true， //是否开启flush:"pre" // pre组件更新之前调用；sync同步执行；post组件更新之后执行}
2022-12-16 16:56:06
329
原创 vue3学习（四）computed计算属性
计算属性会立即返回之前的计算结果，而不必再次执行函数。只在相关响应式依赖发生改变时它们才会重新求值。还没有发生改变，多次访问。
2022-12-16 13:23:04
778
原创 学习vue3 （三）toRef, toRefs, toRaw
只有原始对象是响应式的，才会更新视图并且改变数据的。帮我们批量创建ref对象，主要是方便解构使用。
2022-12-14 22:50:58
202
原创 学习vue3（二）ref 与 reactive
/ ref 支持所有类型 reactive 只支持引用类型 Array Object。// ref 取值赋值 都需要加 .value reactive不需要加 .value。// reactive 不能直接赋值，否则会破坏响应式对象的 proxy。shallowReactive只能对浅层的数据，可以对浅层数据修改。shallowReactive 会受到 reactive的影响。只能对浅层的数据 如果是深层的数据只会改变值 不会改变视图。readonly 会受到 reactive 的影响。
2022-12-14 22:12:14
437
原创 VUE3 学习 （一）项目构建
npm -v查看node是否安装成功。npm install 安装依赖包。npm install 安装依赖包。npm run dev 启动。npm run dev 启动。使用vite初始化一个项目。
2022-11-29 22:34:15
186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人