语法setup vue3 vue
vue使用flexible.js 最大宽度只有540
分辨率大于540px的时候，flexible限制为540，一般的手机显示没有问题，但对于大于540的竖屏屏幕，可能右边就会留白。我想让横屏的时候限制在540，竖屏的时候根据页面实际宽度自适应，解决方法如下： 1、安装 npm install lib-flexible --save 2、为了避免每次安 ......
vue入门——？？？06days
案例回顾： 点击显示小电影案例 - 按钮点击事件 - axios.get().then(res=>{ res.data # 响应体的内容 }) - v-for循环 》div # 2 计算属性 -必须要有返回值，返回值当做属性的值 -方法当属性用 -computed中 -它依赖的变量发生变化，它才重新 ......
Vue.nextTick在动态更新iframe的src中的使用
Vue.nextTick在动态更新iframe的src中的使用：https://codeleading.com/article/63673310260/ 当iframe中的地址src需要动态改变时，需要使用Vue.nextTick来切换地址src，否则DOM的地址不会实现更新，而是保持上一次的src ......
趣谈if语法
if语句 1.单分支if(fi是用来闭合上面if语法)： if <条件表达式> then 代码。。。。。。 fi 简化版本： if <条件表达式>;then 代码 。。。。。。 fi 2.双分支if语句： if <条件表达式> then 代码1。。。。。。 if <条件表达式> then 代码2。。 ......
vue 高德地图异步引用
先建立一个文件，引入高德 gDMapLoader.js const ak = '4e9f15de14b05fd8f19e1d8fbe91f0a3' export default function load() { return new Promise(function(resolve, reject ......
Vue2 使用 Knova Canvas 合成图片、多个视频、音频在一个画面中并播放，自定义 video control 控制条
本文转载https://blog.csdn.net/RosaChampagne/article/details/128020428?spm=1001.2014.3001.5502的文章 安装插件 npm install vue-konva@2 konva --save 在main.js中使用 imp ......
electron+vue网页直接播放RTSP视频流？
目前大部分摄像头都支持RTSP协议，但是在浏览器限制，最新版的浏览器都不能直接播放RTSP协议，Electron 桌面应用是基于 Chromium 内核的，所以也不能直接播放RTSP，但是我们又有这个需求怎么办呢？ 市场上的方案很多，有很多免费开源的，同时也有比较成熟的商业软件，丰俭由人，大家可以自 ......
markdown常用语法
标题 # 这是一级标题 ## 这是二级标题 ### 这是三级标题 #### 这是四级标题 ##### 这是五级标题 ###### 这是六级标题 字体 加粗 要加粗的文字左右分别用两个号包起来 斜体 要倾斜的文字左右分别用一个号包起来 版权声明：本文所有权归作者！ 商业用途转载请联系作者授权！ 非商业 ......
harmonyOS一：基本语法
基本语法 文件构成 一个文件以 __.ets__结尾的，基本上要包含 装饰器 @Entry @Component @builder @State ... 自定义组件 用@Component装饰的struct Index 变量声明 UI描述 build方法里包含的代码块 系统组件 ArkUI框架中默认 ......
vue3_在vue3中使用滚动加载数字组件vue3-count-to
使用的是vue3-count-to组件 安装: npm install vue3-count-to --save 全局注册: // main.js import countTo from 'vue3-count-to' app.use(countTo) 局部引入组件并使用 // xx.vue文件 < ......
Vue-Router: 如何使用路由钩子函数来处理路由变化？
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
Vue-Router: 如何在Vue应用程序中使用编程式导航？
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
前端面试题（Vue篇）
每个面试都需要做充分的准备，面试建议从以下几个方面准备： 1、技术，这个是硬性要求。如果技术栈 主要是react，可以重点准备react，如果是vue，重点准备vue，当然 js、css等前端的基础 是最基本的东西。除此之外，要做一定的深度拓展，比如了解其实现原理。 2、沟通，要准备 自己所做过项目 ......
Vue-Router: 如何使用路由元信息来管理路由？
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
Vue-Router: 如何使用异步组件来实现路由懒加载？
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何在Vue应用程序中使用Vue-Router来实现动态路由？
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何在Vue应用程序中使用Vue-Router来实现路由嵌套动画效果？
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
Vue-Router: 如何使用路由过渡来实现过渡效果？
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
Vue-Router: 如何使用history模式来实现无刷新路由？
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
Vue-Router: 如何使用路由别名来简化路由路径？
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
Vue中的跳转和打开新窗口
一、如何在Vue中跳转页面 Vue作为一种前端框架，本身是无法实现后端的页面跳转功能的。它只能将页面作为一个整体进行组合和渲染，因此页面跳转往往需要依赖于前端路由和路由跳转来实现。 在Vue中，一般使用Vue Router实现路由跳转。Vue Router提供了router-link指令和$rout ......
第一篇博客————Markdown语法
Markdown 目录 标题语法 段落语法 换行语法 强调语法 列表语法 1.标题语法 语法 要创建标题就在该标题前面加井号 ( # )，# 的数量代表标题的级别，数量越低级别越高 Markdown 语法 HTML 预览效果 # 标题 1 <h1>标题 1</h1> 标题 1 ## 标题 2 <h2 ......
前端系列：ES6-ES12新语法
目录ECMAScript系列：简介ECMAScript系列：ES6新特性let 关键字const 关键字变量的解构赋值模板字符串简化对象写法箭头函数参数默认值rest 参数spread扩展运算符Symbol迭代器生成器PromiseSetMapclass类数值扩展对象扩展模块化ECMAScript系 ......
javase Java的基础语法
javaSE java的基础语法 注释 注释并不会被执行 #单行注释 //可以注释一行文字 //单行注释 #多行注释 /*可以注释一段文字*/ /*多行注释 多行注释 多行注释 */ #文件注释 /** */ 关键字 即可完成文档预览 体验好：选择每个文档的最佳预览方案，保证用户体验和性能都达到最佳状态 安装 docx文档预览组件 npm install @vue-office/docx v ......
vue报错：You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file.
报错信息： 解决方法： ESLint 语法错误，那就取消ESLint验证规则 然后重启即可 ......
vue2-vue3 1
vue介绍 一、前端发展史 1、HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2、Ajax的出现 -> 后台发送异 ......
Vue中添加全屏动态时间水印
效果图 核心代码 watermark.vue <template> <div class="watermark-outer"> <div class="watermark" v-for="i in 200" :key="i"> <div>{{waterMarkContent}}</div> <spa ......
vue报错：Module parse failed: Unexpected token (5:2) You may need an appropriate loader to handle this file type.
报错信息： ERROR Failed to compile with 1 errors 10:09:02 error in ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2) Y ......
Vue 如何修改默认启动端口、浏览器自动访问
Vue修改默认启动端口的几种方法 module.exports = defineConfig({ transpileDependencies: true, devServer:{ host:'localhost', port:8088, open:true } }) ......