Vue3
文章平均质量分 65
Vue3和Vue2的比较
SpringSir
道阻且长,行则将至。
展开
-
用户反馈组件实现(Vue3+ElementPlus)含图片拖拽上传
vue3 element-plus 用户反馈 图片拖拽 图片上传 图片和文字一起上传原创 2023-12-01 16:57:30 · 725 阅读 · 0 评论 -
Vue3.2-动态加载异步组件
vue3 动态组件 异步组件原创 2023-03-14 13:19:51 · 276 阅读 · 0 评论 -
element-plus,date-picker组件,选择00:00:00,却转为12:00:00
element-plus date-picker 12小时制 24小时制原创 2023-02-07 17:45:27 · 937 阅读 · 0 评论 -
Vue3+Element-Plus,重置指定表单项
Element-Plus+Vue3, 重置指定表单项原创 2022-12-08 11:32:51 · 1624 阅读 · 0 评论 -
Pinia的使用(在Vue3和TypeScript的环境下)
Pinia官网: https://pinia.vuejs.org/Pinia的使用(在Vue3和TypeScript的环境下1. 创建项目1.1 脚手架搭建1.2 安装pinia2. Pinia - Store2.1 创建Store2.2 Store详讲2.3 使用store中的状态2.3.1 简单访问store状态2.3.2 访问及简单修改store(标准操作)2.4 store - $patch 批量简单修改2.5 $patch怎么更新数组?2.6 总结: 修改状态数据的四种方式3. Pinia.原创 2022-03-06 03:19:06 · 12775 阅读 · 3 评论 -
Vue2.x和Vue3.x-自定义指令的用法及钩子函数
Vue2.x用法全局注册Vue.directive( 指令名, { 自定义指令生命周期 } )局部注册directives: { 指令名, { 自定义指令生命周期 } }使用v-指令名: 属性名.修饰符=“value值”钩子函数bind - 自定义指令绑定到 DOM 后调用. 只调用一次, 注意: 只是加入进了DOM, 但是渲染没有完成inserted - 自定义原创 2021-09-21 18:46:25 · 2213 阅读 · 2 评论 -
Vue3-reactive函数、toRef函数、ref函数
reactive函数reactive用于定义响应式数据(可以理解 成data的替代品)用法:导入 import {reactive} from ‘vue’使用:const state=reactive({ 参数名:参数值})访问: state.参数名访问: state.参数名toRef函数(了解即可)toRef:将响应式数据中某个字段提取出来成单独响应式数据用法:导入 import {toRef} from ‘vue’使用:原创 2021-09-21 01:40:53 · 421 阅读 · 0 评论 -
父子组件传参 关于 .sync修饰符等用法
父子组件传参 关于 .sync修饰符等用法单向数据流讲解Vue2.x使用定义事件的形式, 通知父组件修改.sync 和 update: 的使用父传子, 传递多个数据的简写采用v-model简写(要求严格)Vue3.x使用普通用法简写单向数据流讲解单向数据流(堆可以修改,栈不可修改)我们都知道, 父传子的数据, 是单向数据流,即子组件不能直接修改, 父组件传递过来的值但实际上, 对于修改值, 真正是:`基本数据类型不可修改,复杂数据类型不要修改引用地址(栈),它的值可以随便修改Vue2.x原创 2021-09-17 20:25:30 · 984 阅读 · 0 评论 -
Vuex中, getters和actions使用的补充
getters补充getters属性中的方法, 全参共有4个参数getters: { /** * state: 表示当前模块中的satate * getters: 表示当前模块中的getters对象, 一般是操作同级的其他方法 * rootState: 表示主模块的satate对象 * rootGetters 表示主模块的getters对象 * * 主模块也就是-index.js中 */ getName(state, ge原创 2021-09-15 12:01:29 · 1131 阅读 · 0 评论