大小 模板vue
layui和vue.js和jq一起使用调用vue方法及变量
<div class="layui-row layui-col-space15" id="app"></div> 定义vueApp: let vueApp require(['vue'],function(Vue) { vueApp=new Vue({ el: "#app", data: { whe ......
vue3 - 引入自定义插件的组件的具体写法
1.背景 我的这一篇随笔详细讲解组件怎么制作与引入使用【vue3 - 在单独的项目制作自定义组件插件，支持vite【前提不要使用webpack专属语法】，并引入插件 -心得 - 岑惜 - 博客园 (cnblogs.com)】 但在局部引入组件时，eslint红色警告 引用名言：“又不是不能用==” ......
Vue OnlyOffice 在线文档
#1、在线文档引用 由后台人员搭建服务，引用api #2、封装组件 <!-- * @Descripttion: 在线编辑插件 * @version: 0.0.1 * @Author: PengShuai * @Date: 2022-12-23 15:43:07 * @LastEditors: Pen ......
vue3中proxy关键词
在 Vue3 中，proxy 是一种新的 JavaScript 特性，用于创建一个代理对象，对代理对象的访问会通过 get 和 set 等方法拦截， 从而可以对代理对象进行一些自定义的处理逻辑。在 Vue3 中，我们可以使用 reactive 函数将一个普通对象转换成响应式对象， 而这个响应式对象就 ......
Vue2依赖收集原理
我们只会在 Observer 类 和 defineReactive 函数中实例化 dep。在 getter 方法中依赖收集，在 setter 方法中派发更新通知 ......
nginx上传文件超出默认大小限制-附件，提示：413 Request Entity Too Large
Nginx 限制文件上传大小，相应配置参数：client_max_body_size 注意：该参数在nginx.conf中默认是没有配置的，不配置的情况下，nginx默认限制请求附件大小为：1M。 即：默认当你通过nginx代理上传附件，大于1M的文件时，浏览器会抛出如下异常。 处理方式： 找到ng ......
可视化漂亮大屏Excel表格模板 Excel漂亮美观看板 excel电视看板 excel精美数据展示看板
企业管理者喜欢大屏看板主要是因为它可以提供以下几个方面的优势： 增强企业形象：大屏看板可以将企业的信息和广告以更加生动、直观的方式呈现出来，提高企业形象和知名度。 提高工作效率：大屏看板可以在企业内部作为信息发布平台，用于发布公告、会议安排、任务分配等重要信息，有助于提高工作效率和沟通效果。 提升客 ......
stm32------使用keil和标准外设库进行stm32工程模板创建
keil软件版本：V5.35.00 st官网：STM32 固件 - 意法半导体STMicroelectronics 单片机型号：STM32F103VET6 配置步骤大致为：新建本地文件夹 >新建工程 >添加本地文件到相应工程 >打开魔术棒进行配置 >添加main文件 step1：新建本地工程文件夹（ ......
vue3挂载全局方法
在vue3中可以通过app.config.globalProperties来挂载全局方法。 main.js const app = createApp(App) // 定义全局方法 const myGlobalMethod = () => { console.log('This is a globa ......
使用vue实现方法、计算属性、侦听器完成的简易计算器
第一步：创建一个新的web项目（Jisuanqi），引入js文件 第二步：搭好基本框架，为后面写代码打好基础 （这里更改一个小错误：把class="app" 改为id="app"） 第三步：编写输入框 效果图展示如下： 第四步：添加“计算”按钮 第五步：编写实例化 最后完整代码展示 1 <!DOCT ......
巧用rpmbuild的expand宏实现模板功能
需求：构建生成的二进制包的个数不确定，由某些条件决定。 比如，我们想为系统中的所有内核版本构建某个外来模块，如果系统中有2个内核版本，就生成两个2个二进制包，分别对应相应的版本，如果系统中有3个内核版本，就生成3个二进制包。 我们的需求是实现动态个数的%package。 很多人在讨论spec是不是一 ......
Vue3.0
1.setup 1.理解：Vue3.0中一个新的配置项，值为一个函数 2.setup是所有CompositionAPI的表演的舞台 3.组件用所用到的：数据 方法等等，均要配置在setup中 4.setup函数的两种返回值 1.若返回一个对象，则对象中的属性，方法在模板中均可以直接使用（重点关注 ......
基于VUE3开发的CAD图可视化平台代码开源了
前言 唯杰地图VJMAP 为CAD图或自定义地图格式WebGIS可视化显示开发提供的一站式解决方案，支持的格式如常用的AutoCAD的DWG格式文件、GeoJSON等常用GIS文件格式，它使用 WebGL矢量图块和自定义样式呈现交互式地图, 提供了全新的大数据可视化可视化功能。 唯杰地图可视化平台旨 ......
vue使用方法，侦听器，计算属性三种方式实现简易计算器
今天我们用vue中方法，计算属性，还有监听器来完成一个简易的小型计算器 一. 代码实现效果 二.代码实现 1.创建一个web项目，导入本地js文件实例化vue对象并挂载DOM节点 2.方法实现计算器 框架分析： 1.创建输入框用来输入数据，创建按钮计算结果 2.v-model属性使用,利用v-mod ......
Vue修改默认端口号
在vue项目中找到vue.config.js，如果没有该文件，可以在根目录中创建一个。然后，在该文件中添加以下代码： module.exports = { devServer: { port: 8888, // 修改为你想要的端口号 }, }; 然后重启vue程序即可。 ......
Vue三种方法实现简易计算器。
计算器实现： 方法1：使用v-model进行双向绑定。 方法2：使用computed计算属性。 方法3：使用watch侦听属性。 1.定义自定义方法getResult，该方法用来计算表达式的值。 `` <head> <meta charset="utf-8"> <title></title> <sc ......
Vue三种方法实现简易计算器
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="js/vue.js"></script> 7 </head> 8 <body> 9 <div id="app"> ......
VUE分别使用普通方法、计算属性、监听器完成简易计算器
计算器功能: 1.加减乘除模可以随意切换使用表单元素< seclect > 2.当输入框中数字改变时实时得出运算结果方法1：v-model绑定input框的值，绑定input键盘按下和鼠标点击时触发自定义方法getResult，该方法用来计算表达式的值。方法2：使用computed计算属性方法3：使 ......
vue计算器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>methods</title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <input typ ......
VUE分别写出 4种计算器
监听器计算机 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>watch</title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <inpu ......
vue计算器的四种代码
1.使用表达式 使用v-if对表达式进行运算 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>hhhh</title> <script type="text/javascript" src="js/vue.js"></scr ......
【vue】给 dom 添加拖拽功能
实现效果 实现步骤 新建一个 drag.js 注册拖拽指令 import Vue from 'vue'; //使用Vue.directive()定义一个全局指令 //1.参数一：指令的名称，定义时指令前面不需要写v- //2.参数二：是一个对象，该对象中有相关的操作函数 //3.在调用的时候必须写v ......
VUE2.0 学习 第一组
本笔记主要参考菜鸟教程和官方文档编写。 1. 对于Vue2.0来说每个vue应用都需要实例化vue来实现。 var vm = new Vue({ // 选项 }) 2.首先，DOM是一种api，它可以动态地访问程序和脚本,更新其内容、结构和文档,我认为符合这类功能的都可以叫dom，其次，每一个DOM ......
第三十六篇 vue - 应用规模化 - 路由
客户端 vs 服务端路由 服务端路由指的是服务器根据用户访问的 URL 路径返回不同的响应结果。当我们在一个传统的服务端渲染的 web 应用中点击一个链接时，浏览器会从服务端获得全新的 HTML，然后重新加载整个页面。 然而，在单页面应用中，客户端的 JavaScript 可以拦截页面的跳转请求，动 ......
第三十七篇 vue - 应用规模化 - 测试
为什么需要测试 自动化测试能够预防无意引入的 bug，并鼓励开发者将应用分解为可测试、可维护的函数、模块、类和组件。这能够帮助你和你的团队更快速、自信地构建复杂的 Vue 应用。与任何应用一样，新的 Vue 应用可能会以多种方式崩溃，因此，在发布前发现并解决这些问题就变得十分重要 测试的类型 当设计 ......
第三十三篇 vue - 应用规模化 - 工具链
项目脚手架 vite Vite 是一个轻量级的、速度极快的构建工具，对 Vue SFC 提供第一优先级支持。作者是尤雨溪，同时也是 Vue 的作者 要使用 Vite 来创建一个 Vue 项目，非常简单 npm init vue@latest 这个命令会安装和执行 create-vue，它是 Vue ......
第三十五篇 vue - 应用规模化 - 状态管理 - Pinia
什么是状态管理 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例 <script> export default { // 状态 data() { return { count: 0 } }, // 动作 methods: { incremen ......