组件 常用confirm vue
vue3中组合式 API_为 reactive() 标注类型
reactive() 也会隐式地从它的参数中推导类型 <template> <h3>{{ book.title }}</h3> <h3>{{ book.author }}</h3> </template> <script setup lang="ts"> import { reactive } fr ......
Vue3 响应式全局对象json 动态绑定界面四 （Div块样式 Json数据绑定）
效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callStatus:"通话" }, { userEx ......
Vue3 响应式全局对象json 动态绑定界面三 （Div块样式 字符串叠加）
效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ missedCallData:"", currentUserTel:"", }) app.provide('globalData', globalData); 在ma ......
Vue3 响应式全局对象json 动态绑定界面二 （方块矩阵样式）
效果 main.js //全局对象 const globalData=reactive({ extTelMonitorData: [ { title: '用户组一', list: [ { groupID: "0", groupName: "All Users", userDomain: "equii ......
Vue3 响应式全局对象json 动态绑定界面一 （列表样式）
效果 man.js 定义 响应式全局对象 globalData const globalData=reactive({ extTelListData: [ { userExten: "1000", userName: "秦岚", callStatus:"通话" }, { userExten: "10 ......
VUE|组件基础
## 1 快速体验 > 步聚 1. 定义组件 2. 导入组件 3. 引用组件 > 语法 ```vue 模板 ``` ### 1) 定义组件 在`components`目录下, 创建组件文件`TheCounter.vue` ```vue 计数器:{{ count }} 点击+1 ``` ### 2) ......
VUE|模板语法
## 1 模板 ### 1) 什么是模板 > 什么是模板 > > 由Vue解析的HTML字符串 > Vue的主要工作 1. 编译模板 2. 挂载 ### 2) 如何确定模板 确定模板有几种方式 1. 没有指定`template`选项, 以容器的`innerHTML`做为模板 2. 指定`templa ......
VUE|计算属性
## 1 计算属性 ### 1) 什么是计算属性 计算属性就是基于现有属性计算后的属性 ### 2) 计算属性的作用 计算属性用于对原始数据的再次加工 ### 3) 案例 > **需求** > > 实现如下效果 > > ```html Document 请输入一个字符串: 反转后的字符串: {{re ......
VUE|侦听器
## 1 侦听器 ### 1) 什么是侦听器 可以通过watch配置项, 监听已经存在的属性的改变 ### 2) 语法 ```javascript watch: { // 监听data中的firstName属性 firstName() { // 执行一系列的操作 }, },watch: { // 监 ......
第十五篇 - Vue添加图标
参考链接：https://www.yii666.com/blog/45780.html 添加图标的两种方式： 1. 直接使用element-plus/icons-vue（图标名称网址：https://element-plus.gitee.io/en-US/component/icon.html#ic ......
VUE|组合式API
# VUE|组合式API ## 1 setup语法糖 在`vue`项目中, 通常使用`setup`语法简化书写 setup的特点 1. 在setup语法中定义**变量**, 可以直接在**模板**中使用 2. 在setup语法中定义**函数**, 可以直接在**模板**中使用 3. 导入的组件对象, ......
Unity UGUI的VerticalLayoutGroup（垂直布局）组件的介绍及使用
# Unity UGUI的VerticalLayoutGroup（垂直布局）组件的介绍及使用 ## 1. 什么是VerticalLayoutGroup组件？ VerticalLayoutGroup是Unity UGUI中的一种布局组件，用于在垂直方向上自动排列子对象。它可以根据子对象的大小和布局设置 ......
vue3高阶用法一
### 1. v-model 和v-model:value为什么要的需要加: + v-model vue3中使用了modelValue来代替了value, 所以子组件触发emit的写法为 emit('update:modelValue','xxx') + v-model:value 为什么有的需要加 ......
vue复制data中的对象
要复制Vue中的data对象，可以使用Object.assign()或者ES6解构赋值语法。以下是两种方法的示例： 使用Object.assign()： // 假设对象名为sourceData const clonedData = Object.assign({}, this.sourceData) ......
在Vue3中，解决 Echart tooltip 不显示的问题
为什么在 Vue 中使用 ECharts 时图表显示异常？ Vue3，中使用 reactive 及 ref 会导致 ECharts 的对象实例被代理成为响应式对象，影响 ECharts 对内部属性的访问，可能会导致图表无法正确显示等一系列意外问题，且会由于深度监听而极大地降低图表展示性能。 解决方案 ......
第六节：Nginx常用案例(反盗链、限速、黑名单、跨域等等)
三. 常用场景 1. 防盗链 直接输入地址，没有referer字段，所以匹配了后面的none或blocked，不跳转。通过搜索引擎打开的含有referer字段，走后面的匹配规则。 none 代表没有referer blocked 代表有referer，但是被防火墙或代理给去除了。 配置如下： wor ......
前后端分离实现注册+登录（Vue3.0 + Django3.2)
> 博客地址：https://www.cnblogs.com/zylyehuo/ # 一、使用 vite+webstorm 搭建 Vue 环境，构建前端 ## 1、结构树 * ; 二、强制局部刷新方法 <div id="app"> <router-view v-if="isReload"/> </div> methods: { reload() { this.isReload = false this.$nextTi ......
Uniapp + Vue3 引入高德小程序插件js文件失败
## 问题描述 使用uni app模板开发微信小程序过程中引入高德地图小程序插件失败， 先看代码： ``` import amap from "@/lib/amap-wx.130.js";//引入高德地图小程序插件 ``` 报错： `SyntaxError: The requested module ......
爱喜 常用SQL
select * from X_Task where TaskName ='A20211207-4' --1896 --1897 --1902 --1909 --1912 --1905 -1909 A202111207-4 和1905的任务是强制结束的 select * from X_task wh ......
[完整]流程解决Vue3项目搭建步骤
# Vue3项目完整搭建步骤 ## 一、 使用vite创建vue3项目 `npm init vue@latest` 或者`npm create vite@latest`进行初始化项目并创建项目名称code，进入code目录进行基本部署。 `cd code`、`npm install` 、`npm r ......
vue项目创建以及基础项目使用
利用脚手架 1.创建一个文件夹到d盘文件名为vuetest 2.打开cmd，输入d: 进入d盘，输入cd vuetest 进入该文件夹，进入后执行vue create vue01创建一个叫vue01的项目。 一。安装element-ui npm i element-ui -S 在main.js文件下 ......
常用的shell命令
grep 用途：通常用来匹配字符串从而过滤出来所关心的内容 假设当前有多个目标字符串，分别为abc abcd abcde abcdef def 1 grep "abc" # 结果为abc abcd abcde abcdef 2 grep -w "abc" # 结果为abc 3 grep -v "ab ......
这可能是 Vue 接入百度地图的最佳组件了
大家好,我是程序视点的小二哥! 最近负责的一个Vue项目中需要调用百度地图API做定位、检索等需求。 按照百度地图官方 API 的接入文档，很多功能需要需要改造、封装，实在太繁琐了。 经过查阅对比，最后发现了`Vue Baidu Map`这个好用的组件。 ![请在此添加图片描述](https://d ......
vue-day32--一个重要的内置关系
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>一个重要的 ......
Maven 常用命令
参考 https://www.digitalocean.com/community/tutorials/maven-commands-options-cheat-sheet ......
Linux常用指令
# 一、复制、移动、删除 1、复制 cp： `cp [选项] 源文件或目录 目标文件或目录` 复制文件：`cp t t1` 复制文件夹：`cp -r dir dir1` 命令格式： `cp [-adfilprsu] 源文件(source) 目标文件(destination)` `cp [option ......
vue学习——vuex工作原理+vuex环境搭建
vuex在index.js里引入，没在main.js里引入是因为vuex的使用必须在store之前， 单纯的把Vue.use(Vuex)放在import store form "../store"之前并不会生效， 因为执行的时候会扫描整个文件，把import都放置在一起先执行，所以单纯的移动位置没有 ......