模版 语法vue3 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/ ......
uniGUI学习之脱离Delphi直接写ExtJS从入门到精通00_JavaScipt基本语法
<script> function func1(){ alert('func1()'); }; </script> <select> <option>aa</option> <option>aa</option> <option>aa</option> <option>aa</option> </s ......
Vue——vue2监听元素style变化
前言 纯粹是为了偷懒，不想再安装swiper来渲染，直接改造下element-ui的走马灯，实现类似的效果，最主要的是后续会迭代到vue3，所以这里临时的实现下即可； 内容 元素绑定ref 给需要监听的元素添加ref，这里是ref="carouse" <div v-for="(nodes, inde ......
Markdown常用语法
1、标题 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 最小只有六级标题 2、字体 2.1 加粗 **我被加粗了** 我被加粗了 2.2 斜体 *我倾斜了了* 我倾斜了了 ......
vue3（二）
1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......
谷歌黑语法（转载）
【 谷歌黑语法 】 site：可以限制你搜索范围的域名. inurl：用于搜索网页上包含的URL，这个语法对寻找网页上的搜索，帮助之类的很有用. intext: 只搜索网页<body>部分中包含的文字(也就是忽略了标题、URL等的文字) intitle: 查包含关键词的页面，一般用于社工别人的web ......
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 ......
canvas 手写签名 vue3
<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......
变量子串的语法介绍
shell子串的花式用法： 1.学习基础语法，再应用 ${变量} 返回变量值 ${#变量} 返回变量长度，字符长度 ${变量:start_index} 返回变量start数值之后的字符 ${变量:start:length} 提取start之后的length限制的字符 ${变量#word} 从变量开头 ......
C#中的.net6 WebAPI + Vue3
ShoopingWeb没有控制器，普通api有控制器，ShoopingWeb是直达型，精简了很多中间代码，广泛适用于微服务架构 ShoopingWeb一切都在组控制台应用程序类【Program】上执行，也可以自由分类封装 namespace ShoopingWeb { public static c ......
vue-router动态路由 - 角色切换或退出登录时重置路由表
vue-router@4以上可以使用removeRoute()方法来移除. router.getRoutes().forEach(route => { // 这里还需要条件判断哪些是静态路由不需要移除 router.removeRoute(route.name); }); 但是vue-router@ ......
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 ......
vue3 使用脚手架创建应用
1.安装条件 已安装 18.0 或更高版本的 Node.js 2.安装 在你的目录下运行以下命令： vue create learn_vue3 选择安装vue3： 3.运行 npm run serve ......
模版之标签、orm多表查询
模版之标签 就是在模版里面使用流程控制：if、else、elseif、for等等 for标签： # lis是通过locals()从后端返回出来的数据 {% for li in lis %} <p>{{ li }}</p> {% endfor %} # 这样我们在前端看到的就是for循环后的结果了 # ......
linux server Vue 或其它单页面项目站点 nginx 实施部署
# nginx vue 处理前台路由 history 模式刷新 404 的问题 location / { try_files $uri $uri/ /index.html; if ($uri ~* .*\.(?:htm|html)$) { add_header Cache-Control "no-s ......
Vite+Vue3+vite-plugin-style-import 2.0按需引入vant 4组件
首先在项目根目录执以下以命令，安装好必要的组件包： # Vue 3 项目，安装最新版 Vant cnpm i vant # 添加按需引入插件，它的作用是在引入组件库中的组件时支持按需引入，减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......
antd-vue Modal.confirm方法 执行确定事件弹窗没关闭
vue版本：3.4.x antd-vue版本： 4.0.8 原因：是vue更新到3.4.x版本，某些api和antd-vue不兼容 解决方式：将vue版本锁定3.3.4 ......
构建 dotnet&vue 应用镜像->推送到 Nexus 仓库->部署为 k8s 服务实践
前面分享了 k8s 的部署安装，本篇来点实操，将会把一个 .net core + vue 的项目（zhontai），打包构建成 docker 镜像，推送到 nexus 镜像仓库，并部署到 k8s 中 ......
VUE3
1、webpack和vite构建vue项目的区别 webpack是先把所有东西准备好再启动服务，vite是先启动服务，再把需要的组件放到服务上。vue官方推荐使用vite构建vue项目。 2、vue项目创建以及启动 到项目目录输入npm create @lastest，接下来按提示输入项目信息 启动 ......
模版语法
文本插值：使用双大括号 {{ }} 来绑定数据到文本节点。 <template> <div id="counter"> <!-- 组件根元素通常不需要 id，除非你需要它来进行 DOM 操作 --> <h1>Counter Example</h1> <p>{{ name }}</p> <p>{{ a ......
lua语法三
一）function (函数) 有名函数： optional_function_scope function function_name( argument1, argument2, argument3..., argumentn) function_body return result_param ......
lua基本语法二
一）boolean（布尔）布尔类型，可选值 true/false； Lua 中 nil 和 false 为“假”，其它所有值均为“真”。比如 0 和空字符串就是“真”； local a = truelocal b = 0local c = nil if a then print("a") -->ou ......
uniapp-welive仿微信/抖音直播带货|uni-app+vue3+pinia短视频直播商城
基于uniapp+vue3+uv-ui跨端H5+小程序+App短视频+直播带货商城Uniapp-WeLive。 uni-welive一款全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短视频直播，Nvue多视频层级覆盖，支持 ......
vuex报错“Vue3Instance<{}, Readonly<ExtractPropTypes<{}>>, Readonly<ExtractPropTypes<{}>>, {}, {}, true, ComponentOptionsBase”
vuex报错“Vue3Instance<{}, Readonly<ExtractPropTypes<{}>>, Readonly<ExtractPropTypes<{}>>, {}, {}, true, ComponentOptionsBase” 报错信息 [{ "resource": "/D:/g ......