属性 变量vue css
vue组件的inheritAttrs属性
先看一个案例 子组件ChidComp.vue <script> export default { inheritAttrs: true, props: { msg: String }, mounted(){ console.log(this.$attrs.mesge); } } </script> ......
vue-treeselect使用案例
https://vue-treeselect.js.org/ 父子节点没有关联 <TreeSelect flat style="background-color: #0e3977" placeholder="请选择" v-model="org" :multiple="true" :options=" ......
linux查看全局变量
linux查看全局变量 在Linux环境中，您可以使用printenv或者echo $VAR_NAME命令来查看全局变量。以下是一些示例： 使用printenv命令： bash printenv 这会显示所有的环境变量，包括全局变量。 使用echo $VAR_NAME命令： 例如，如果您想查看PAT ......
手撕Vue-Router-实现router-link
前言 在上一篇 [手撕Vue-Router-添加全局$router属性] 中，实现了将每一个 Vue 实例上挂载一个 $router 属性，这个属性就是我们在上一篇文章中创建的 VueRouter 实例。 开始 本章节，我们将实现一个 router-link 组件，这个组件可以实现点击跳转到指定的路 ......
手撕Vue-Router-实现router-view
前言 在上一篇 [手撕Vue-Router-实现router-link] 中，我们实现了 router-link 组件，这一篇我们来实现 router-view 组件。 实现思路 router-view 其实与 router-link 是同一个世界，同一个梦想的，那么我就废话不多说了，直接上代码。 ......
Vue3 + Vite中使用unocss
什么是unocss？ unocss是一个即时的原子CSS引擎，它可以让你用简短的类名来控制元素的样式，而不需要写复杂的CSS代码。 Unocss： Guide 用Vite安装和配置步骤：UnoCSS Vite Plugin 互动性文档：https://unocss.dev/interactive/（ ......
Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router
项目代码同步至码云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例 在src/view下 ......
Vue3
官网 https://cn.vuejs.org/guide/quick-start.html 再vue3中采用的是组合式API风格(组合式 API (Composition API)) 通过组合式 API，我们可以使用导入的 API 函数来描述组件逻辑。在单文件组件中，组合式 API 通常会与 <s ......
[Vue] vue学习笔记(3): 渲染
条件渲染 主要有四个指令 v-show：控制元素可视性，即是否增加样式display=none v-if/v-else-if/v-else：类似if/else-if/else的逻辑结构，进行条件判断，控制元素的可视性，注意这种方法会直接决定元素是否出现DOM树上，而非样式改变 < ! n is a ......
static、extern、inline 说明符和链接属性
概述 - Overview 在我初学 C++ 时，static、inline、extern 可能是最令我迷惑的 C++ 说明符，原因是它们在不同的语境下会发挥不同的作用，而且某些说明符的含义已经和以前不同，这加剧了我在查询资料时的困扰。所以今天决定好好总结一下。 首先要介绍 C++ 的两个概念：存储 ......
[Vue] vue学习笔记(3): 绑定样式
动态绑定样式 vue允许动态设置class的值，通过利用v-bind指令 🎄情景： 假设存在多个class样式，并给元素指定一个class = "basic", 类名随不同情况更改 <div id="root"> <! 动态设置后，类名变为"basic happy" or "basic sad" ......
pandas修改列名或变量名
df=df.set_axis(['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q'],axis='columns') ......
21、Scaffold属性 FloatingActionButton实现类似闲鱼App底 部导航凸起按钮
FloatingActionButton详解 FloatingActionButton简称FAB ,可以实现浮动按钮，也可以实现类似闲鱼app的底部凸起导航 实现类似闲鱼App底部导航凸起按钮 class MyFlutter2 extends StatefulWidget { const MyFlu ......
20、Scaffold属性 BottomNavigationBar 自定义底部导航
BottomNavigationBar 是底部导航条，可以让我们定义底部Tab切换，bottomNavigationBar是 Scaffold组件的参数。 BottomNavigationBar 常见的属性 BottomNavigationBar 底部菜单选中 class MyFlutter1 ex ......
c++跨文件修改成员变量
如果在一个文件中有一个成员变量，需要在另外一个文件中修改这个成员变量。把这个成员变量加一个static变成静态成员变量即可。 如下所示： 在A.cpp中有student类 class student { public: student(); public: //声明静态成员函数 static int ......
css三角形
https://blog.csdn.net/weixin_43951592/article/details/127442235 https://blog.csdn.net/m0_60237095/article/details/130076471 ......
vue2与vue3的区别
一、双向数据绑定原理的区别 vue2 的双向数据绑定是利用ES5 的一个APIObject.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的 vue3发生了改变，使用proxy替换Object.defineProerty,使用Proxy的优势 1、可直接监听数组类型的数 ......
3.2.7 数据列属性
一、功能简介 当单元格内容为数据列时，选中单元格，右侧「单元格元素」面板就会出现数据列属性设置框，或者双击单元格也可弹出数据列属性设置对话框，如下图所示： 二、基本属性 数据列的基本属性包括「选择数据列、父格设置、数据设置、扩展方向」四类设置： 1. 选择数据列 「选择数据列」就是指将 数据集 中的 ......
vue 创建 项目方式
使用 webpack 创建 vue create pageName 资料 https://cli.vuejs.org/zh/guide/ 使用 vite 创建 npm create vue@latest 资料 https://cn.vitejs.dev/guide/cli https://githu ......
vue Vite3出现错误runtime-core.esm-bundler.js:6835 Uncaught TypeError: normalizeKey is not a function at createBaseVNode (runtime-core.esm-bundler.js:6835:19)
原因是在引入Element-Plus的顺序在vue之前导致，重新调整下他们的顺序后，问题解决。 import App from './App.vue' import { setupI18n } from '/@/i18n' import { setupRouter } from '/@/router ......
手机直播源码，js实现懒加载、vue实现图片懒加载指令
手机直播源码，js实现懒加载、vue实现图片懒加载指令 图片懒加载 监听滚动条滚动事件，当视口的高度＋滚动高度，大于图片所在位置举例顶部的偏移量时(也就是距离)，加载图片资源 index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ......
numpyro打印边缘化枚举潜在变量的形状
# 导入所需的函数和类 from numpyro.contrib.funsor.enum_messenger import trace as enum_tr from numpyro.contrib.funsor.enum_messenger import enum # 使用 numpyro.han ......
vue3 reactive对象的watch
代码 <script setup> import { ref,reactive, watch } from 'vue' const obj = reactive({ count: 0 }) const yourKnow0 = ref('') const yourKnow1 = ref('') let ......
vue项目中知识点整理
1、vue怎么找到入口页面的？ 在Vue项目中，入口页面（即根组件）是通过配置文件指定的。在创建Vue项目时，Vue CLI会自动生成一个src目录，并在其中创建一个名为main.js的文件。这个main.js文件就是Vue项目的入口文件。 在main.js文件中，你会看到以下代码： import ......
Vue 使用 sheetJS 通过 sheetJSON 解析 Excel 文件
安装 $ npm install xlsx 处理 import XLSX from 'xlsx'; /** * @param {string} data 文件名.xlsx */ export const read = (data, type, headerType=null) => { // 获取 ......
mac添加环境变量
sudo nano ~/.bash_profile //打开bash_profile MAVEN_HOME=/user/mac/xxx export PATH=${MAVEN_HOME}/bin:$PATH. //输入环境变量 sudo source ~/.bash_profile //保存输入 ......
vue2和vue3项目并存时，下载nvm管理nodejs
1、下载nvm 1）下载一个1.19版本以上的nvm，在执行“npm install”时报错“npm ERR! Unexpected token '.'”。。https://blog.csdn.net/qq_25286361/article/details/132899937 2）在nvm/sett ......
vue3结构赋值失去响应式引发的问题思考
前言 vue3是基于 proxy 实现响应式的能力， 解决了vue2所遗留下来的一些问题，同时也正由于 proxy 的特性，也提高了运行时的性能 凡事有利有弊， proxy虽然无敌，但是他也有本身的局限，从而产生一些认为的弊端 原始值的响应式系统的实现 导致必须将他包装为一个对象， 通过 .valu ......
基于Quartus prime Standard的terasic的de10_nano开发板的Ubuntu 16.04环境变量配置
注意，是配置root用户的 export ROOT=/home export QUARTUS_ROOTDIR=$ROOT/intelFPGA/18.1/quartus export INTELFPGAOCLSDKROOT=$ROOT/intelFPGA/18.1/hld export PATH=$P ......