全家computed属性vue3
【Vue 2】计算属性与侦听器
计算属性 vs 方法 vs 侦听器 计算属性的出现是为了解决模板内表达式太过复杂而变得难以维护。 假设我们知道长和宽，要计算一个矩形的面积，如果没有计算属性，我们可能像下面这样处理： <div id="app"> <input type="text" v-model="width"> <input ......
OnTheSSH使用技巧（六）修改文件属性
OnTheSSh提供了图形化的文件属性修改功能。在远端主机管理界面中，鼠标右键点击列表中的文件或目录： ......
Vue3 + Quasar系列-代码配置以及报错汇总记录（不断更新中）
1. Vue3 + Quasar系列-代码配置打包去掉hash后缀 去掉hash https://quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa 2. Vue3 + Quasar改变主题背景 quasar的样式和其他的框架修改不太一 ......
Vue3| Pinia 持久化插件
对 vuex 或 Pinia 里面的内容做本地持久化 1. 安装插件： npm i pinia-plugin-persistedstate 2. 将插件添加到 pinia 实例上 ① main.js 里导入持久化插件：import piniaPluginPersistedstate from 'pi ......
Vue3| Pinia 的 action 异步写法
import { defineStore } from 'pinia' import { ref } from 'vue' import axios from 'axios' export const useChannelStore = defineStore('channel', () => { ......
Vue3| Pinia 的语法
Pinia 是 Vue 的最新 状态管理工具，是 Vuex 的替代品 Pinia 的优势： 1. 提供更简单的 API（去掉了 mutation） 2. 提供符合 组合式风格的 API（和 Vue3 新语法统一） 3. 去掉了 modules 的概念，每一个 store 都是一个独立的模块 4. 配 ......
pycharm连接远程服务器，代码成功运行，但一些基本python属性和函数会报红线（例如print）解决方案
状况：pycharm连接远程服务器，代码成功运行，但一些常见python属性和方法报红线，例如print。当你在程序中输入print这种基本方法时，pycharm是不会有输入提示的，输入后也会报红线 解决方法：将远程服务器中的环境变量添加至pycharm中 查出服务器中环境变量：在xshell中输入 ......
Vue3| 组合式 API——provide 和 inject
作用和场景：顶层组件向任意的底层组件 传递数据和方法，实现 跨层组件通信 跨层传递普通数据 步骤： 1. 顶层组件通过 provide 函数提供数据 provide ( ' key ' , 顶层组件中的数据 ) 2. 底层组件通过 inject 函数获取数据 const message = inje ......
Vue3| 模板引用、defineExpose宏函数
模板引用的概念：通过 ref 标识 获取真实的 dom对象或者组件实例对象 使用： 1. 调用 ref 函数生成一个 ref 对象 <script setup> import { ref } from 'vue' const h1Ref = ref (null) </script> 2. 通过 re ......
Vue3| 组合式 API 下的 子传父
步骤： 1. 子组件内部通过 emit 方法触发事件 ① 通过 defineEmits 编译器宏生成 emit 方法 <script setup> const emit = defineEmits ([ 'get-message' ]) // get-message：可以触发的事件 </script ......
Vue3| 组合式 API 下的父传子
步骤： 一、父给子传 写死的值 1. 父组件中给子组件 以添加属性的方式传值 <script setup> import sonComVue from './son-com.vue' // 局部注册 </script> <template> <sonComVue message = "黑马程序员"> ......
Vue3| 组合式API——computed 计算属性函数
计算属性基本思想和 Vue2 的完全一致，组合式 API 下的计算属性只是修改了写法 核心步骤： 1. 导入 computed 函数 <script setup> import { computed } from 'vue' </script> 2. 执行函数 在回调参数中 return 基于响应式 ......
Vue3| 组合式API——reactive 和 ref 函数
Vue中默认的数据并不是响应式的，如果我们希望数据是响应式的，则需要通过 reactive 或者 ref 进行处理。 reactive ()： 作用：接收 对象类型的数据作为参数传入 并返回一个 响应式对象 reactive 不能处理简单类型的数据 reactive 使用步骤： 1. 在 <scri ......
Vue3| 组合式 API——setup 选项
组合式 API：一系列函数，有时需要调用这些函数编写组件逻辑。 setup 是组合式 API 的入口，先写 setup，才能往里边写组合式 API 的函数 setup 的执行时机会比 beforeCreate 生命周期钩子还要早，因此 setup 函数中获取不到 this setup 选项的写法：（ ......
Vue3 - watch 监听路由状态变化切换下一个页面 watch 函数还在执行
描述 你可能会通过 watch 函数监听路由变化，当路由参数发生变化之后，重新调用 fetchData 获取数据渲染页面。即，同路由页面切换。 但是，遇到了 A 页面切换到 B 页面时，A 页面的 watch 会被触发，导致报错。这是因为进入其他页面之前，你没有清除这个 watch 监听。 虽然随着 ......
Vue3| create-vue 脚手架工具
create-vue 是 Vue 官方新的脚手架工具，底层切换到了 vite（下一代构建工具），为开发提供极速响应 使用 create-vue 创建项目： 1. 前提环境条件： 已安装 16.0 或更高版本的 Node.js（node -v） 2. 创建一个 Vue 应用：npm init vue ......
【前端开发】vue3+vite项目部分优化
1、使用rollup-plugin-visualizer 可视化分析包 npm i rollup-plugin-visualizer -S 在vite.config.js中引入 在 plugins里面 然后执行npm run build就自动打开可视化分析 2 、 CDN加速 在vite.confi ......
delete 删除对象属性
参考 1.使用delete运算符 例： 1) 使用点属性访问器删除： 1 delete object.property; 在属性访问器上应用delete运算符时，运算符会从对象中删除相应的属性： 1 2 3 const obj = {name: '十六个人博客',url: 'rwlok.com'}; ......
【译】为什么命名“它”为依赖属性(DependencyProperty)
WPF的属性系统支持的属性称为依赖项属性，一直不是特别理解依赖属性这个命名。随着对依赖属性理解的深入，比较能接受的说法是依赖属性可以自己没有值，通过使用Binding从数据源获得值，也就是依赖在别的属性上。直到看到Mike Hillberg的这篇博文才彻底消除心中的疑虑。 ......
在上一操作期间遇到问题: “Debug|AnyCPU”配置中 "TargetFrameworkMoniker" 和 "NuGetTargetMoniker" 属性的值均为空
最近在学习avalonia的源代码，突然间visualstudio 2022 提示很多好多类似的红色错误在上部菜单下方 xxx项目 在上一操作期间遇到问题: “Debug|AnyCPU”配置中 "TargetFrameworkMoniker" 和 "NuGetTargetMoniker" 属性的值均 ......
vue中v-bind绑定元素属性
vue中v-bind绑定元素属性 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </he ......
script 标签中的 async 和 defer 属性
在 HTML 中会遇到以下三类 script： <script src='xxx'></script> <script src='xxx' async></script> <script src='xxx' defer></script> 那么这三类 script 有什么区别呢？ script 浏览 ......
vue中下载excel文件4种方法，2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载
vue中下载excel文件4种方法，2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载 1、通过url下载 即后端提供文件的地址，直接使用浏览器去下载 通过window.location.href = 文件路径下载 window.lo ......
Vue3实战(05)-教你快速搭建Vue3工程化项目
除了Vue 3这个库，还需Vue 3 最新全家桶。 1 环境准备 之前语法演示直接使用script引入Vue 3，从而在浏览器里实现所有调试功能。但实际项目中，使用专门调试工具。在项目上线之前，代码也需打包压缩，并考虑到研发效率和代码可维护性，所以在下面，需建立一个工程化项目实现这些功能。 工具 V ......
BGP AS属性
AS_SEQUENCE AS_SET AS_CONFED_SET AS_CONFED_SEQUENCE AS_SEQUENCE是一个有序的AS号列表，记录了路由经过的所有AS的顺序。它按照AS号的顺序排列，每个AS号在列表中只出现一次。AS_SEQUENCE通常用于记录路由的完整AS路径信息。 AS ......
造轮子之属性注入配合懒加载构建服务抽象基类
在前面实现管理API的时候，可以看到我们用的挺多功能是没有通过构造函数注入的。比如缓存DistributedCache，MemoryCache，对象映射Mapper，多语言L，当前用户CurrentUser等等。这些全都初始化在WheelServiceBase以及WheelControllerBas ......
vue3.2+ts报错：找不到模块“./App.vue”或其相应的类型声明。
解决方法：在项目根目录创建 env.d.ts 文件（如果已有，则在文件中追加）加入下面内容： declare module '*.vue' { import type { DefineComponent } from 'vue'; const vueComponent: DefineComponen ......
Kotlin反射从父类获取子类成员属性
背景 有部分需求需要反射获取相关信息，例如，由于子类太多100+,需要在父类写toString方法涵盖子类的相关信息 实现过程 逻辑通过反射获取子类构造方法的参数 通过当前实例调用参数的获取方法，获取参数值 在父类的toString中输出和组建toString 代码 获取构造方法的参数 val pc ......
C#设计一个形状类和矩形类，含有周长面积等属性
public abstract class Shape { protected double _area; protected double _perimeter; public double Area { get { return _area; } } public double Perimete ......