https nginx vue
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学习笔记2024
《Vue.js从入门到项目实战》 孙鑫v-bind用于响应式地更新HTML属性,v-on用于监听DOM事件,变量需要引号引起来v-if是彻底没有v-的命令需要把变量用引号引起来,插值{{}}则不需要v-if和v-for在同一个元素上使用时,v-if优先级高于v-for,意味着v-if不能访问v-fo ......
vue3 - iframe 添加 click事件 -解决
没法在 iframe 元素直接添加 @click 回调 ,会无效的 同时,想要添加点击事件,需要在 iframe 加载完成后才能绑定事件,否则也是无效 因此,正确的绑定办法是,在iframe 绑定 @load 然后 const load = (v: boolean) => {if (!v) { // ......
始智AI —— https://wisemodel.cn/ —— 试用
![image](https://img2024.cnblogs.com/blog/1088037/202401/1088037-20240103154541863-1664163216.png) ......
若依、vue三级路由缓存失败
router.beforeEach((to, from, next) => { NProgress.start() if (getToken()) { // 三级菜单组件无法缓存问题 if (to.matched && to.matched.length > 2) { to.matched.spli ......
vue中watch、methods 和 computed 的区别?
1、基本说明 1.1 computed: 计算属性将被混入到 Vue 实例中,所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例 1.2 methods: methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法 ......
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 ......
vue3教程(1 快速入门)
一、Vue 是什么? Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 渐进式框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、响应式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vu ......
# vue3 接入 Element Plus
vue3 接入 Element Plus vue3 发布已经很久了,官方也已经发布公告,自2023年12月31日起停止对 vue2 版本的维护更新,因此,vue3 正式登上了历史的舞台。组件库一直是前端开发的利器,减少了开发者开发复杂度,提高开发效率,在 vue2 中,最常使用的是 element- ......
nginx ssh配置,larave项目配置多个前端项目
1 ssh 配置 server { listen 443 ssl http2; #listen [::]:80; server_name xiaoqiezia.cn www.xiaoqiezia.cn; index index.html index.htm index.php default.htm ......
VUE3_持久化
1. 安装 npm i pinia-plugin-persistedstate 2.将插件添加到pinia实例上 main.js文件 import { createApp } from 'vue'import { createPinia } from 'pinia'// 导入持久化插件import ......
自签名证书与Nginx配置Https证书
0.背景 公私钥、证书体系、Https等基础知识。 这个之前有写过ppt,空了我编辑成文章传上来,再更新这里。 1.密钥及证书角色 1.1 CA 以RSA为例 该环节,模拟自己作为CA,生成ca的私钥和根证书。 1.1.1 私钥生成 openssl genrsa -out ca-private.ke ......
Vue 字符串的格式化填充
main.js // 字符串格式化 Vue.prototype.$stringFormat = function (formatted, ...args) { for (let i = 0; i < args.length; i++) { let regexp = new RegExp('\\{' ......
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/ ......
Vue——vue2监听元素style变化
前言 纯粹是为了偷懒,不想再安装swiper来渲染,直接改造下element-ui的走马灯,实现类似的效果,最主要的是后续会迭代到vue3,所以这里临时的实现下即可; 内容 元素绑定ref 给需要监听的元素添加ref,这里是ref="carouse" <div v-for="(nodes, inde ......
vue3(二)
1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......
6、nginx通用配置
1、nginx进程之间的关系 部署Nginx时都是使用一个 master 进程来管理多个 worker 进程,一般情况下,worker 进程的数量与服务器上的CPU核心数相等。worker 进程之间通过共享内存、原子操作等一些进程间通信机制来实现负载均衡等功能 2、单进程nginx环境使用 由于 m ......
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 ......
5、nginx命令行控制
1、nginx安装目录 默认安装目录 /usr/local/nginx 二进制文件路径 /usr/local/nginx/sbin/nginx 配置文件路径 /usr/local/nginx/conf/nginx.conf 2、nginx命令 2.1 默认方式启动 直接执行Nginx二进制程序。例如 ......
canvas 手写签名 vue3
<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......
C#中的.net6 WebAPI + Vue3
ShoopingWeb没有控制器,普通api有控制器,ShoopingWeb是直达型,精简了很多中间代码,广泛适用于微服务架构 ShoopingWeb一切都在组控制台应用程序类【Program】上执行,也可以自由分类封装 namespace ShoopingWeb { public static c ......
4、nginx configure执行流程
1、configure源码 configure由Shel1脚本编写,执行过程中间会调用<nginx-source>/auto/目录下的脚本。 #!/bin/sh # Copyright (C) Igor Sysoev # Copyright (C) Nginx, Inc. # auto/option ......
vue-router动态路由 - 角色切换或退出登录时重置路由表
vue-router@4以上可以使用removeRoute()方法来移除. router.getRoutes().forEach(route => { // 这里还需要条件判断哪些是静态路由不需要移除 router.removeRoute(route.name); }); 但是vue-router@ ......
pnpm : 无法加载文件 路径因为在此系统上禁止运行脚本 。有关详细信息,请参阅 https:/go.microsoft.com/fwl ink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1
在vscode命令行输入npm i -D @types/wechat-miniprogram @uni-helper/uni-app- 报如下错误: pnpm : 无法加载文件 C:\Users\Administrator\AppData ** ** \Roaming\npm\pnpm.ps1,因为 ......
vue3 搜索关键字变颜色
let inputNews = ref('')let element = ref('')// contentText 传入数组const seachNews = (contentText) => { // 循环数组 for (let j = 0; j < contentText.length; j+ ......
VUE3请求数据接口,将时间戳转换为时间案例
<template> <!-- ... 其他代码 ... --> <div class="w-full h-[250px] scroll_list text-[#fff] overflow-auto"> <div class="flex" v-for="(item, index) in state. ......
vue使用问题记录:父组件通过props传给子组件数据,后改变数据,要使用nextTick,否则修改滞后,可能造成bug
问题如标题所写 代码示例: 父组件: <template> <div class=""> <div class=""> <t-form ref="formData" :data="data.formData" colon label-width="100px" label-align="right" ......
node express+vue+html,后端+后台管理+官网线上部署
引言简介 遗憾:这里没有进行linux的mysql安装不完美,有空补全 1. node安装 安装nodejs参考地址: https://blog.csdn.net/cnds123321/article/details/121301089 报错 GLIBC_2.28 not found 这里安装的时候 ......
vue2和vue3的区别有哪些
一、生命周期 vu3在组合式API(Composition API)中使用生命周期钩子时需要先引入,vue2在选项API(Options API)中可以直接调用生命周期钩子 //vue3 <script setup> import { onMounted } from 'vue' onMounted ......