多个vue-cli版本vue
vue3中组合式 API_为 reactive() 标注类型
reactive() 也会隐式地从它的参数中推导类型 <template> <h3>{{ book.title }}</h3> <h3>{{ book.author }}</h3> </template> <script setup lang="ts"> import { reactive } fr ......
DBUtils不同版本的问题
# DBUtils版本问题 ### 前言  事情的起因是，原本在pycharm上开发的代码，因为要使用到 ......
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 ......
图解SVN开发版本控制和发布流程，Trunk、Tag、Branch的使用
介绍一种比较合理的SVN Trunk、Tag和Branch使用方法。先上图，再说明： 责职说明： Trunk：用于各版本开发提交代码 TAG：用于记录和保存每个release/milestone的代码 Branch：用于bug fixing 过程说明： 项目开始时，创建Trunk，开始1.0.0开发 ......
VUE|模板语法
## 1 模板 ### 1) 什么是模板 > 什么是模板 > > 由Vue解析的HTML字符串 > Vue的主要工作 1. 编译模板 2. 挂载 ### 2) 如何确定模板 确定模板有几种方式 1. 没有指定`template`选项, 以容器的`innerHTML`做为模板 2. 指定`templa ......
VUE|组件基础
## 1 快速体验 > 步聚 1. 定义组件 2. 导入组件 3. 引用组件 > 语法 ```vue 模板 ``` ### 1) 定义组件 在`components`目录下, 创建组件文件`TheCounter.vue` ```vue 计数器:{{ count }} 点击+1 ``` ### 2) ......
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. 导入的组件对象, ......
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) ......
【有奖互动】开发者版本新特性，你期待哪些更新？#HDC.Together2023#
<hdc.together< span="">>华为开发者大会2023再次启航，将于8月4日~6日在中国松山湖举办，承载万千期待，开启崭新时代。聚焦新版本、新体验、新流量、新商业、新机遇，构建建未来智慧生活蓝图。#HDC.Together2023#首波预热话题互动于7月19日正式启动，欢迎广大开发者 ......
在Vue3中，解决 Echart tooltip 不显示的问题
为什么在 Vue 中使用 ECharts 时图表显示异常？ Vue3，中使用 reactive 及 ref 会导致 ECharts 的对象实例被代理成为响应式对象，影响 ECharts 对内部属性的访问，可能会导致图表无法正确显示等一系列意外问题，且会由于深度监听而极大地降低图表展示性能。 解决方案 ......
前后端分离实现注册+登录（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 ......
[完整]流程解决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文件下 ......
这可能是 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>一个重要的 ......
ubuntu20安装orbslam3 ros版本
使用ubuntu20自带的opencv4.2似乎没有任何问题sudo apt install libcanberra-gtk-module libcanberra-gtk3-module -y sudo apt-get install python3-pip sudo pip3 install ro ......
vue学习——vuex工作原理+vuex环境搭建
vuex在index.js里引入，没在main.js里引入是因为vuex的使用必须在store之前， 单纯的把Vue.use(Vuex)放在import store form "../store"之前并不会生效， 因为执行的时候会扫描整个文件，把import都放置在一起先执行，所以单纯的移动位置没有 ......
4-7-vue框架-第三方ui组件elementui-el-select组件change事件获取label的值
Element的el-select组件change事件获取label的值 在如下el-select组件的代码中，要想在change事件时获取label的值。 ``` ``` # 方法1：修改:value的值 我们可以修改:value的值为"{value:item.opinionId,label:it ......
Swagger扩展版本控制
1、在程序里面建立一个ApiVersions.cs文件，用来设置版本 public enum ApiVersions { /// <summary> /// 版本一 /// </summary> V1, /// <summary> /// 版本二 /// </summary> V2, /// <su ......