computed属性vue
vue第一课：简单了解
1，通过JS引入，学习的时候通过CDN即可 <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> 2，在HTML文件中 <div id ='root'> <h1>hello,{{name}}</h1> </div> <s ......
vue (一)
vue是一套构建用户界面的前端框架。 构建用户界面指的是用vue往html中填充数据。 框架指的是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能。 vue指令、组件（ui的复用）、路由、vuex、vue组件库 只有把上面罗列的内容掌握之后 才有开发vue项目的能力。 vue框架的 ......
VUE分别使用普通方法、计算属性、监听器完成简易计算器
VUE分别使用普通方法、计算属性、监听器完成简易计算器 声明：本方法使用VUE完整框架独立模块组件来实现 TOP：实现效果 Ⅰ：完整框架 Ⅱ：框架实现案例组件功能细分 1.APP组件 总组件，管理所有组件(每个单独的组件最后都汇总到APP组件里,便于管理) 管理汇总:Methodss组件、Watch ......
我的第一个项目(七):(解决问题)Vue中canvas无法绘制图片
好家伙, 现在,我想要把我的飞机大战塞到我的主页里去,想办法把文件导入 然后,直接死在第一步,图片渲染都成问题 先用vue写一个测试文件 来测试canvas的绘制 <template> <div> <div ref="stage"></div> <button @click="drawsth()"> ......
Vue3 深度选择器原理
一、Demo <!-- 补录身高与体重 --> <script lang="ts" setup> import { ref } from 'vue'; const isShow = ref(true); const height = ref(); const weight = ref(); </sc ......
Vue 2中实现数字滚动效果
代码： <template> <div class="statistics-num"> <!-- 显示当前数字，不使用逗号分隔符 --> <span class="num">{{ currentVal.toString() }}</span> <!-- 显示当前数字，用逗号分隔符 --> <!-- ......
Vue引用富文本编辑器
1.在package.json加上并安装依赖 "devDependencies": { "@jsdawn/vue3-tinymce": "^1.1.7", } 2.在页面中引入 import Vue3Tinymce from "@jsdawn/vue3-tinymce"; 3.使用 <vue3-ti ......
vue 使用 导出 Excel
import * as XLSX from "xlsx"; exportExcel() { var wb = XLSX.utils.table_to_book(document.querySelector('#data-table2'), { raw: true}); var wbout = XLS ......
【vue : 无法加载文件 G:\Program Files\nodejs\vue.ps1，因为在此系统上禁止运行脚本】问题解决
问题 全局安装vue-cli后,安装没问题,但是执行vue -V查看版本时出问题 出现这个报错的原因：在电脑上启动 Windows PowerShell 时，执行策略极大可能是 Restricted（默认设置）。Restricted 策略不允许任何脚本运行，防止执行不信任的脚本。 解决问题 1、可以 ......
vue3创建工程
创建 Vue3 项目的步骤如下： 安装 Node.js Vue3 需要依赖 Node.js 环境，因此需要先安装 Node.js。可以从官网下载 Node.js 的安装包并安装，也可以使用包管理器安装，例如在 Ubuntu 上可以使用以下命令安装： sudo apt-get update sudo ......
html dom关于offset和client和scroll属性的详细说明
确定元素的尺寸 在 Windows Internet Explorer 9 中使用 CSSOM 测量元素尺寸和位置 ......
vue页面加全屏背景/背景平铺
<div id="building"></div> <style> #building{ background:url(""); width:100%; height:100%; position:fixed; background-size:100% 100%; transform:transla ......
Vue中import的模块未使用有何影响
在Vue应用程序中，如果你导入了一个模块但未使用它，这通常不会产生任何直接影响或错误。 然而，它可能会增加代码库的大小，导致加载时间变慢，因为未使用的模块仍然会被打包进最终的应用程序包中。 另外，未使用的模块也可能会给开发人员带来困惑，因为他们可能会认为某个功能已经被引入，而实际上并没有使用它。 为 ......
vue组件推荐
推荐组件 参考：https://zhuanlan.zhihu.com/p/542740566 图表：https://zhuanlan.zhihu.com/p/594968212 ......
Vue使用echarts环形进度条
要在Vue中使用Echarts环形进度条，您需要使用Echarts库和Vue-Echarts插件。 安装Echarts和Vue-Echarts插件： npm install echarts vue-echarts --save 在Vue组件中导入Vue-Echarts组件： import EChar ......
vue3 ant-design-vue datePicker/calendar 日期组件设置值显示错误
如下, 使用:value 给 calendar 设置默认值, 按照官方文档要求的格式, 引入 moment, 设置值 <template> <a-calendar v-model:value="date1" :fullscreen="false" @select="selectDate" /> </ ......
Visual Studio属性窗口提示"未加载Visual C ++项目"
原因：打开错了 VS有2个属性窗口： 菜单 -> 视图 -> 属性窗口 菜单 -> 视图 -> 其他窗口 -> 属性管理器 属性窗口(Properties Window)才是常用的 属性管理器(Project Properties Manager)是管理编译选项、链接选项、调试选项、构建步骤等 ......
vue+leaflet示例:克里金插值渲染显示(附源码下载)
demo源码运行环境以及配置 运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。 运行工具：vscode或者其他工具。 配置方式：下载demo源码，vscode打开，然后顺序执行以下命令： （1）下载demo环境依赖包命令：npm i （2）启动demo命令：npm run ......
vue-cli/webpack4.x 打包--webpack配置--chainWebpack
webpack-chain是啥 针对Webpack的流式配置方案 webpack-chain优势 动态修改配置信息 链式调用，避免深层的嵌套配置 跨项目共享 webpack 配置对象 webpack-chain 中的核心 API 接口之一是 ChainedMap, 返回对象也都是 ChainMap， ......
vue3 - 在单独的项目制作自定义组件插件，支持vite【前提不要使用webpack专属语法】
1.背景 与vue2组件不一样，没有那么随意，如果想要支持vite，那么不要使用webpack专属语法，如defide 和 require 等 2.解决 在 package.json 文件 属性 main 配置为插件入口文件位置 ，至于是js还是ts随意 目录 简单做了个组件 入口文件内容如下 im ......
vue或者react中的hooks的理解
我们听过react 里面有hooks的概念，那么怎么理解hooks呢？ 其实vue2中，我们没有hooks的概念，vue3中我们引入了组合式函数（也就是用组合式api写的），它其实就是vue的hooks。 总结下来，hooks有以下特点： 1、hooks其实就是个函数，只是实现它的方法比较特殊，利用 ......
java两个不同类的对象相同属性赋值
一、外部工具包 Java中有很多工具包可以用来实现对象属性复制，其中比较常用的有以下几个： Apache Commons BeanUtils：提供了一组简单易用的API，可以实现对象属性的复制、获取、设置等操作。 Spring Framework BeanUtils：与Apache Commons ......
Vue整合EsMap
一、EsMap地图 1.1. 生成EsMap本地文件 1.1.1. 进入EsMap数字孪生三维可视化云平台 打开链接https://www.esmap.cn/esmapv/content/cn/member/index.html 1.1.1. 新建三维场景 点击新增三维场景，输入信息，点击下一步即可 ......
Vue2电商实战项目
单页面应用 分为3层 结构层(template) 样式层(style) 行为层(script) 入口文件main.js:程序最开始执行的文件 babel:就是翻译官,比如ES6语法转换成ES5语法 脚手架使用 - 命令行创建项目: vue create 项目名称 - node_modules:放置项 ......
VUE中 video标签进入页面自动带声音播放
正常来说自动播放 是需要静音的 前几天看到个网页可以不静音播放 搜了下 Vue中使用也是基于静音 html 部分和平常一样 muted 在mounted 函数中重新附参数 ※ 这种方法必须有一个页面跳转的过程 即 A -> B B页面中视频自动播放 直接跳转B是不能自动播放的※ ......
vue2 原理之 如何做到数据可以被监听？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
创建VUE项目，并使用VSCode进行代码
VUE项目的创建（VSC） 必要的下载 首先在官网中下载node.js，官网地址：https://nodejs.cn/ 在cmd中用命令行查看安装是否成功（以下两个命令行都要执行） node -v:显示版本号表示成功 npm -v:显示版本号表示成功 由于需要使用npm下载，配置npm的镜像为国内镜 ......
CSS总复习（二）一些属性介绍
CSS字体、文本样式 指定字体 不能指望用户的机器上一定安装了你想使用的字体。解决这个问题的方法是使用Web字体，我们可以直接下载Web字体并使用在自己的页面上，而不需要用户做什么。使用@font-face指定Web字体，如： @font-face { font-family: 'MyFont'; ......