vue模板vscode vue2
Vue3.0 的自定义指令
我本人也是新手，所以我之前不知道自定义指令一般是在什么场景下用的。 在这里告诉各位新手朋友，我目前遇到的应用场景是在权限控制按钮、文本框等元素显示，就用上了这个自定义指令。我利用自己的一个案例进行介绍。 1.创建一个在util/directive/permission.ts 文件，代码如下： exp ......
VSCode 配置Markdown模板
⇦ 工具篇-VSCode 快捷键的使用 待新增 ⇨ 前言 避免重复写博客的相同部分，自定义markdown模板 一.教程步骤总结 1.配置settings.json 快捷键 ctrl+shift+P 打开命令面板 输入settings.json 选中open user settings 添加配置： ......
工具篇-VSCode 基本使用
工具篇-VSCode 快捷键的使用 前言：所有快捷键的使用文档都可以通过 快捷键参照文档 ctrl+k ctrl+r或者 help 菜单的 keyboard-shortcuts-reference 查看快捷键参考表，以下为觉得罗列的快捷键只是自己认为用的多的，并作了下练习,实践发现快捷键参照文档中有 ......
演示Vue项目怎么添加水印？？
水印的思路 1、创建一个canvas ，画上自己想要的水印样式。 2、创建一个元素节点（宽高等于当前屏幕，可设置内边距）。 3、canvas转换成Img，作为第2步骤的背景图片，并进行平铺。 4、将元素接口appendChild到body节点下面。 5、在App.vue的mounted声明周期中调用 ......
Vue写的H5页面微信打开链接，动态修改$route.meta.title 不生效，怎么办？
问题描述：如下图APP中写了导航栏，红框里面活动名称动态显示。但是将连接分享到微信中，微信打开导航栏的头就打不开了。 解决方法 document.title ="动态名称"; 问题原因：因为微信打开链接，导航栏上的标题并不是$route.meta.title 而是document.title. 衍生 ......
A+B problem，但是全模板
0）前言 在食用此博客前，你需要知道 A+B problem 是什么。 众所周知，A+B problem 是世界上最难的题。所以……我们需要使用各种方法来解决这个难题。 题面：输入两个数 \(1 \leq a,b \leq 10^9\)，输出两数之和。 1）正片开始 一：普通の做法 #include ......
vue-draggable-resizable组件
npm i --save vue-draggable-resizable import VueDraggableResizable from 'vue-draggable-resizable';import 'vue-draggable-resizable/dist/VueDraggableResi ......
图论模板
floyd 算法 template <typename T> struct Floyd { const T INF = std::is_same_v<T, long long> ? 1e18 : 1e9; int n; std::vector<std::vector<T>> dp; Floyd(in ......
如何在Vue项目中引入avue进行开发？
Avue的官网 官网地址： https://avuejs.com/ 安装 3.1 安装 npm i @smallwei/avue -S $3.2 在main.js中引入 // 引入 import Avue from '@smallwei/avue'; import '@smallwei/avu ......
vue移动端调试工具
1、安装vconsole npm install vconsole 2、main.js中导入 import Vconsole from 'vconsole' const vConsole = new Vconsole() Vue.use(vConsole) ......
Vue H5 Swiper 动画
简介及使用教程 Vue H5 Swiper是一个H5移动滑块组件，适用于H5应用程序，轻量。 安装 Npm npm i vue-h5-swiper Yarn yarn add vue-h5-swiper 使用 引入 import { Swiper, SwiperItem } from 'vue-h5 ......
Vue Swing 左右动态滑动的动画
简介及使用教程 Vue Swing是滑动组件Swing的Vue.js包装器。 Swing是可滑动的卡界面，向左/向右滑动表示是/否输入，就如在Jelly和Tinder等应用程序中看到的那样。 安装 Npm npm i vue-swing Yarn yarn add vue-swing 使用 引入并注 ......
Vue 文本字幕组件(Marquee Text Component)
简介及使用教程 Vue 文本字幕组件(Marquee Text Component)是一个Vue.js的字幕文本组件，具有CSS GPU动画、快速、功能强大等特点。 安装 Npm npm i vue-marquee-text-component Yarn yarn add vue-marquee-t ......
vue-devtools-简介、下载、安装、配置、使用
一、安装方法（推荐） 1、克隆：git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git2、修改 mainifest.json 中的 persistant 为 true 3、执行命令 npm i 4、执行安装命令 npm run bu ......
Vue打包成单个Html文件
前提 Vite + Vue3 首先安装依赖： npm i vite-plugin-singlefile npm i unplugin-auto-import npm i unplugin-vue-components 修改vite.config.js import { fileURLToPath, ......
记录--用 Vue 实现原神官网的角色切换效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 为了更好的了解原神角色，我模仿官网做了一个角色切换效果，在做的过程当中也总结了一些技术点。 为了让大家更好的体验，我兼容了 PC 端和移动端，建议在 PC 端查看效果更佳。接下来就为大家简单的分享一下！ 话不多说，原神启动！！ 效果 ......
模板
模板定义：模板就是实现代码重用机制的一种工具，它可以实现类型参数化，即把类型定义为参数， 从而实现了真正的代码可重用性。 函数模板： 格式如下： template <typename 类型参数1, typename 类型参数2, ...> 返回类型 函数名(形参表) { // 函数定义 } #inc ......
你知道Golang的模板怎么用吗？带你了解动态文本的生成！
Golang Template Go语言中的Go Template是一种用于生成文本输出的简单而强大的模板引擎。它提供了一种灵活的方式来生成各种格式的文本，例如HTML、XML、JSON等。 Go Template的具有以下主要特性： 简洁易用：Go Template语法简洁而易于理解。它使用一对双 ......
《VUE》走马灯组件
<template> <!-- 走马灯 --> <div class="box"> <div class="carousel"> <div class="item" v-for="(v,i) in list" :key="i" @click="open(v)"> <img :src="v.img" ......
vue element admin 实现钉钉登录
lender提了个需求，要求实现钉钉扫码登录，分pc端(扫码)及手机端(直接跳转) 准备工作 根据开发者后台文档获取appId并设置对应的回调url。为了方便演示回调url我们暂定为：https://test.com/ding 登录跳转代码 PC扫码跳转 window.location.href = ......
vue element admin 导出带有sheet的excel
lender提了个需求，要求实现导出excel并且要分sheet页，博主非常依赖框架，以为框架的代码示例里会有，结果找了一圈都没看见，非常蛋疼只能自己改写代码了 改写函数部分 在框架根目录找到 src/vendor/Export2Excel.js 文件，搜索export_json_to_excel ......
【模板】快读快输
updated on 2023.9.13 namespace RobinChen{ char buf[1<<20],*p1=buf,*p2=buf; int gc(){ if(p1==p2) p2=(p1=buf)+fread(buf,1,1<<20,stdin); return p1==p2?EO ......
pycharm设置新建Python文件的模板
首先找到Pycharm设置默认文件的位置，File-Setting-Editor-File and Code Templates->Python Script 最后附上相应的编写内容大家按需选择： #coding:utf-8 ——> 这里是设置的编码格式，根据自己的实际情况可以修改 #当前的项目名： ......
vscode调整界面大小，缩放字体快捷键
1、打开设置菜单 2、输入‘Font Ligatures’，选择编辑js文件 3、增加代码"editor.mouseWheelZoom": true ......
application 'vueApp' died in status NOT_MOUNTED: [qiankun]: Target container with #vue not existed after vueApp mounted!
这是第一次微前端很常见的提示，尤其是第一次写前端的时候碰到的 解决1：主应用的 App.vue标签上的id="app"去掉，这是报错的根本解决2： // 在子应用挂在的时候处理 function render(props = {}) { const { container } = props; in ......
vue高德地图多边形覆盖区
高德地图准备工作 安装amap cnpm国内安装比npm更快些； cnpm install vue-amap --save main.js 配置amap的基础配置项 import GaodeMap from 'vue-amap' Vue.use(GaodeMap) GaodeMap.initAMap ......
微前端-qiankun（乾坤）入门（只针对vue + vue）
微前端现在主要以qiankun为主，网上有很多微前端的教学，但是很多啰嗦甚至没有讲到要点，逻辑顺序也很跳跃，对于想入门的同学来说学习时间过长，结合种种情况，我整理网上qiankun 中 vue的教学，从一个入门新生，怎么一步一步创建一个项目过程开始讲解。 一、首先什么是微前端（了解） 微前端就是将不 ......
vue导出带样式的excel
示例说明实现导出excel不同块的颜色 template a标签仅做文件名称调整，默认为隐藏状态； <template> <div> <button @click="exportExcel">导出</button> <a ref="export_a" /> </div> </template> sc ......
nvm、node、vue安装、vue项目创建打包
nvm、node、vue安装、创建vue项目 nvm作用：可以管理多个版本的node，切换node版本，下载node。 前情提要 参 考：https://zhuanlan.zhihu.com/p/519270555 下载地址：https://github.com/coreybutler/nvm-wi ......