摘要:
https://element-plus.org/zh-CN/component/button.html 阅读全文
posted @ 2023-10-14 21:14
1stzz1
阅读(1506)
评论(0)
推荐(0)
摘要:
对 vuex 或 Pinia 里面的内容做本地持久化 1. 安装插件: npm i pinia-plugin-persistedstate 2. 将插件添加到 pinia 实例上 ① main.js 里导入持久化插件:import piniaPluginPersistedstate from 'pi 阅读全文
posted @ 2023-10-14 19:48
1stzz1
阅读(161)
评论(0)
推荐(0)
摘要:
import { defineStore } from 'pinia' import { ref } from 'vue' import axios from 'axios' export const useChannelStore = defineStore('channel', () => { 阅读全文
posted @ 2023-10-14 17:37
1stzz1
阅读(461)
评论(0)
推荐(0)
摘要:
Pinia 是 Vue 的最新 状态管理工具,是 Vuex 的替代品 Pinia 的优势: 1. 提供更简单的 API(去掉了 mutation) 2. 提供符合 组合式风格的 API(和 Vue3 新语法统一) 3. 去掉了 modules 的概念,每一个 store 都是一个独立的模块 4. 配 阅读全文
posted @ 2023-10-14 16:52
1stzz1
阅读(195)
评论(0)
推荐(0)
摘要:
作用和场景:顶层组件向任意的底层组件 传递数据和方法,实现 跨层组件通信 跨层传递普通数据 步骤: 1. 顶层组件通过 provide 函数提供数据 provide ( ' key ' , 顶层组件中的数据 ) 2. 底层组件通过 inject 函数获取数据 const message = inje 阅读全文
posted @ 2023-10-14 14:59
1stzz1
阅读(142)
评论(0)
推荐(0)
摘要:
模板引用的概念:通过 ref 标识 获取真实的 dom对象或者组件实例对象 使用: 1. 调用 ref 函数生成一个 ref 对象 <script setup> import { ref } from 'vue' const h1Ref = ref (null) </script> 2. 通过 re 阅读全文
posted @ 2023-10-14 11:04
1stzz1
阅读(335)
评论(0)
推荐(0)
摘要:
步骤: 1. 子组件内部通过 emit 方法触发事件 ① 通过 defineEmits 编译器宏生成 emit 方法 <script setup> const emit = defineEmits ([ 'get-message' ]) // get-message:可以触发的事件 </script 阅读全文
posted @ 2023-10-14 10:49
1stzz1
阅读(120)
评论(0)
推荐(0)
摘要:
步骤: 一、父给子传 写死的值 1. 父组件中给子组件 以添加属性的方式传值 <script setup> import sonComVue from './son-com.vue' // 局部注册 </script> <template> <sonComVue message = "黑马程序员"> 阅读全文
posted @ 2023-10-14 10:28
1stzz1
阅读(147)
评论(0)
推荐(0)
摘要:
支持调用多次 阅读全文
posted @ 2023-10-14 09:53
1stzz1
阅读(57)
评论(0)
推荐(0)
浙公网安备 33010602011771号