vue模板vscode vue2

在vue项目中使用TailwindCSS

在vue项目中使用 创建vue项目 pnpm create vue@latest 安装Tailwind CSS 安装及其对等依赖,然后生成tailwind.config.js和postcss.config.js文件 pnpm install -D tailwindcss postcss autopr ......
TailwindCSS 项目 vue

Vue封装插件

vue插件开发文档:https://cn.vuejs.org/guide/reusability/plugins.html 提前准备 需要安装vue-cli-service 可以通过以下命令安装需要的vue包 如何安装vue-cli-service - Python技术站 (pythonjishu. ......
插件 Vue

vue3+vant+vite移动端H5前端项目

vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
前端 项目 vue3 vant vite

Vue3使用vue-video-player组件

1.安装依赖(亲测5.0.1版本可用,最新版本会找不到'vue-video-player/src/custom-theme.css'这个样式) yarn add vue-video-player@5.0.1 2.main.js里增加以下代码 1 import VideoPlayer from 'vu ......
vue-video-player 组件 player video Vue3

设置VSCode左边文档树文件夹不以紧凑形式呈现文件夹

一个文件夹只有一个子文件夹时会出现如下情况: 对于笔者来说并不习惯 解决办法 打开【设置】=》【功能】=》【资源管理器】=》【Compact Folders】 ......
文件夹 文件 形式 文档 VSCode

vue学习笔记2024

《Vue.js从入门到项目实战》 孙鑫v-bind用于响应式地更新HTML属性,v-on用于监听DOM事件,变量需要引号引起来v-if是彻底没有v-的命令需要把变量用引号引起来,插值{{}}则不需要v-if和v-for在同一个元素上使用时,v-if优先级高于v-for,意味着v-if不能访问v-fo ......
笔记 2024 vue

vscode上传代码项目到gitee

一、网址 把vscode的代码上传到Gitee仓库内(保姆级教程)_vscode上传gitee-CSDN博客 二、步骤 1、下载Visual Studio Code(VS Code) VS Code的官网:http:// https://code.visualstudio.com/ 2、下载Gite ......
代码 项目 vscode gitee

vue3 - iframe 添加 click事件 -解决

没法在 iframe 元素直接添加 @click 回调 ,会无效的 同时,想要添加点击事件,需要在 iframe 加载完成后才能绑定事件,否则也是无效 因此,正确的绑定办法是,在iframe 绑定 @load 然后 const load = (v: boolean) => {if (!v) { // ......
事件 iframe click vue3 vue

若依、vue三级路由缓存失败

router.beforeEach((to, from, next) => { NProgress.start() if (getToken()) { // 三级菜单组件无法缓存问题 if (to.matched && to.matched.length > 2) { to.matched.spli ......
路由 缓存 vue

如何更换vscode语言服务器的根目录

参考资料: https://stackoverflow.com/questions/47092247/how-to-setup-working-directory-in-vs-code-for-pylint 参考资料给出了一个行之有效的方法,就是在当前的根目录下新建一个.env文件,然后加上这段话: ......
根目录 语言 服务器 vscode

vue中watch、methods 和 computed 的区别?

1、基本说明 1.1 computed: 计算属性将被混入到 Vue 实例中,所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例 1.2 methods: methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法 ......
computed methods watch vue

vue ubuntu服务器配置

1.打包vue项目上传到服务器目录 /home/dhwww 没有权限,可以先上传到当前用户目录下,再copy到dhwww文件夹 2.安装Nginx sudo apt-get install nginx 3.配置Nginx 3.1 查看Nginx目录: root@VM-4-11-ubuntu:/hom ......
服务器 ubuntu vue

vue3教程(1 快速入门)

一、Vue 是什么? Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 渐进式框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、响应式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vu ......
教程 vue3 vue

# vue3 接入 Element Plus

vue3 接入 Element Plus vue3 发布已经很久了,官方也已经发布公告,自2023年12月31日起停止对 vue2 版本的维护更新,因此,vue3 正式登上了历史的舞台。组件库一直是前端开发的利器,减少了开发者开发复杂度,提高开发效率,在 vue2 中,最常使用的是 element- ......
Element vue3 Plus vue

unity游戏开发:vscode开发环境搭建

unity游戏开发:vscode开发环境搭建 插件: C#相关 首先需要安装C#语言相关插件,同时需要按照插件要求安装.NET​环境,需要时需要配置.NET​可执行程序地址 Microsoft/C#:C sharp语言依赖,与C# Dev Kit​配套使用。 Microsoft/C# Dev Kit ......
环境 vscode unity

vscode 离线安装platformIO (基于Anaconda)以及一些问题总结(开发ESP32)

以下教程是基于B站up主会飞的阿卡林教程的基础上进行的基于Anaconda的安装教程以及一些问题解决思路,下附其视频连接,相关步骤可以参考其视频步骤操作 传送门: Arduino IDE太难用?5分钟"离线"安装PlatformIO,无需等待,编程体验原地起飞_哔哩哔哩_bilibili​www.b ......
platformIO Anaconda vscode 问题 ESP

chromium macos vscode

https://chromium.googlesource.com/chromium/src/+/105.0.5195.127/tools/vscode https://source.chromium.org/chromium/chromium/src/+/main:tools/vscode/ 一直 ......
chromium vscode macos

VUE3_持久化

1. 安装 npm i pinia-plugin-persistedstate 2.将插件添加到pinia实例上 main.js文件 import { createApp } from 'vue'import { createPinia } from 'pinia'// 导入持久化插件import ......
VUE3 VUE

Vue 字符串的格式化填充

main.js // 字符串格式化 Vue.prototype.$stringFormat = function (formatted, ...args) { for (let i = 0; i < args.length; i++) { let regexp = new RegExp('\\{' ......
字符串 字符 格式 Vue

vue引入bootstrap <npm>

1 新建vue项目 已有跳过 npm create vue@latest 2 进入项目目录输入以下命令 npm i jquery npm i bootstrap 3 在main.js中引入 import 'jquery/dist/jquery.min' import 'bootstrap/dist/ ......
bootstrap vue npm lt gt

Vue——vue2监听元素style变化

前言 纯粹是为了偷懒,不想再安装swiper来渲染,直接改造下element-ui的走马灯,实现类似的效果,最主要的是后续会迭代到vue3,所以这里临时的实现下即可; 内容 元素绑定ref 给需要监听的元素添加ref,这里是ref="carouse" <div v-for="(nodes, inde ......
元素 style vue2 Vue vue

设计模式-模板模式

概念 把公共的代码抽取出来,如果该功能是不确定的,那我们将其修饰成抽象方法。 将几个固定步骤的功能封装到一个方法中,对外暴露这个方法,就可以非常方便调用了。 优点 封装不变的部分,扩展可变的部分。把认为是不变的部分的算法封装到父类,可变部分的交由子类来实现。 提取公共部分的代码,行为由父类控制,子类 ......
模式 设计模式 模板

P3372 【模板】线段树 1

原题链接 题后感 码量也太大了吧 小记 题解网上有,但是有关这个lazytag我要提一嘴,我建议不要记它,你只需知道修改的区间没有整体破坏时,其内部的元素内容暂不做修改 code 码量真大 #include<bits/stdc++.h> #define ll long long using name ......
线段 模板 P3372 3372

vue3(二)

1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......
vue3 vue

VSCode 中优雅地编写 Markdown

VSCode 中优雅地编写 Markdown 在 VSCode 中编写 Markdown 有几个无法拒绝的优势,首先是顺手方便,常写代码的同学打开 VSCode 各项功能和快捷键使用的都比较熟练,可以提高效率,其次可以方便地集成 Git 对文件进行版本管理,最后也是最重要的一点,可以无缝集成 Cop ......
Markdown VSCode

001.VSCode博客测试

这是一个测试用的博客 用VSCode写一个博客看看可不可以正常发出去 添加一张图片 Monster Hunter 20周年 纪念壁纸 还挺帅的 现在可以发出去了 2024年1月2日 16点46分 写完了 去博客园预览以下看看。。。 看起来还行 但是还没有发布 我去看看怎么发布随笔 2024年1月2日 ......
VSCode 博客 001

Vue实现商品详情鼠标移动+放大显示图片细节

效果图 代码实现 <template> <div> <div style="position: relative;" class="box"> <img @mousemove="updatePositions" src="https://img.pddpic.com/gaudit-image/202 ......
细节 鼠标 详情 商品 图片

# Vue3 使用路由 Router

Vue3 使用路由 Router 之前几篇博文说了一下 vue 的基本语法和 vue 的传参,今天这篇博文稍微说一下 vue3 里面使用路由。 介绍 众所周知,vue 是用来构建单页面应用的前端框架,大于大多数此类型应用来讲,都推荐使用官方支持的 vue Router,在单页面应用,客户端的 Jav ......
路由 Router Vue3 Vue

canvas 手写签名 vue3

<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......
canvas vue3 vue

C#中的.net6 WebAPI + Vue3

ShoopingWeb没有控制器,普通api有控制器,ShoopingWeb是直达型,精简了很多中间代码,广泛适用于微服务架构 ShoopingWeb一切都在组控制台应用程序类【Program】上执行,也可以自由分类封装 namespace ShoopingWeb { public static c ......
WebAPI net6 Vue3 net Vue
共8800篇  :10/294页 首页上一页10下一页尾页