模版 语法vue3 vue
[Vue]键盘事件
1. Vue中常用的按键别名: 回车=>enter 删除=>delete(捕获“删除”和“退格”键) 退出=>esc 空格=>space 换行=>tab(特殊，必须配合keydown使用) 上=>up 下 =>down 左=>left 右=>right 2. Vue未提供别名的按键，可以使用按键原始 ......
MySql Json字段部分查询语法
模糊匹配jsonObject字段 select * from tableName where columnName -> '$.xx' like '%xx%' 精确匹配jsonObject类型字段 select * from tableName where columnName -> '$.xx' ......
详解vue大文件视频切片上传的处理方法
前端上传大文件、视频的时候会出现超时、过大、很慢等情况,为了解决这一问题,跟后端配合做了一个切片的功能,接下来就详细的给大家介绍一下vue大文件视频切片上传的处理方法,需要的朋友可以参考下 前端上传大文件、视频的时候会出现超时、过大、很慢等情况，为了解决这一问题，跟后端配合做了一个切片的功能。 我这 ......
手撕Vue-界面驱动数据更新
经过上一篇文章，已经将数据驱动界面改变的过程实现了，本章节将实现界面驱动数据更新的过程。 界面驱动数据更新的过程，主要是通过 v-model 指令实现的, 只有 v-model 指令才能实现界面驱动数据更新的过程。 好了，那么说了是通过 v-model 那么直接处理下 CompilerUtil 中的 ......
Vue前端框架
Vue 渐进式 javacript 框架 @vue/cli脚手架 @vue/cli安装 目标: 把@vue/cli模块包按到全局, 电脑拥有vue命令, 才能创建脚手架工程 全局安装命令 yarn global add @vue/cli # OR npm install -g @vue/cli 注意 ......
Vue3 typescript script setup获取范型组件的ref
原博客地址： https://juejin.cn/post/7247433208437850169?from=search-suggest 在typescript下，如果想获取带类型的组件模板引用，官方文档中说明了方式: https://cn.vuejs.org/guide/typescript/c ......
vue3解构defineProps失去响应式解决办法
先看下面的代码 const props = defineProps({ showName: { type: String, default: "123", }, }); const { showName } = props; 我们发现这个东西虽然可以展示到页面但是它失去了响应式。 那么正确的使用姿势 ......
如何使用 GoGoCode 一键 Vue2 转换 Vue3
前言 从今年年初开始，项目开始升级优化，将之前的 Vue2 旧版本整体升级到 Vue3 版本。在重写了几个 Vue 文件后，我发现做的都是一些机械性的工作，效率低且重复性大。于是就试着搜索了一下有没有什么能够批量转换代码格式的工具，发现了阿里的这个基于 AST 的 JavaScript/Typesc ......
vue父组件中调用子组件中的方法 及vue父组件调用孙子组件的方法
一：通过ref直接调用子组件的方法； 子组件child.vue <template> <div>我是子组件</div> </template> <script> export default { methods: { childFun() { console.log('我是子组件的方法'); }, ......
vue 各种东西的顺序
props —》beforeCreate —》methods —》data —》computed —》watch(immediate) —》created beforeCreate 会在实例初始化完成、props 解析之后、data() 和 computed 等选项处理之前立即调用。 created ......
[转] VSCode中 Vetur插件排版Vue文件 Col 标签子标签不被缩进的问题 iview viewDesign 自动格式化
[转] VSCode中 Vetur插件排版Vue文件 Col 标签子标签不被缩进的问题 iview viewDesign 自动格式化 问题 Col标签不对齐 首先直接放解决办法 在 vsCode settings.json 中添加 { // 缩进大小,自行按需配置 "vetur.format.opt ......
vue学习八
<div id="app8"> <ul> <li v-for="(item,index) in list" style="display: inline;list-style-type: none; margin-left: 10px;" @click="indexactive = index"> ......
vue学习七
<div id="app7"> <div style="height: 80px;width: 80px;background-color: aquamarine;" @click="father"> <div style="height: 40px;width: 40px;background-c ......
vue框架spa首屏优化
一、减小入口文件体积 常用的手段是路由懒加载，把不同路由对应的组件切割成不同的代码块，待路由被请求的时候会单独打包路由，使得入口文件变小，加载速度大大增加。在vue-router 配置路由的时候，采用动态加载路由的形式，这样就可以把各自的路由文件分别打包，只有在解析给定的路由时，才会加载路由组件。 ......
Golang操作es使用mysql语法
package main import ( "context" "encoding/json" "fmt" "github.com/elastic/go-elasticsearch/v7" "github.com/elastic/go-elasticsearch/v7/esapi" "log" ) ......
vue扫码功能
直接写到组件里面，使用组件传值返回数据 <template> <div class="scan"> <div id="bcid"> <div style="height:40%"></div> <p class="tip">...载入中...</p> </div> <footer> <button ......
vue3 hooks使用watch监听注意事项
当我们再vue3 写了一个通用hooks的里面使用watch来执行某些操作要注意！！！ 一个页面只能再根路由去创建实例，也就是调用 对呀hooks,如果子路由也需要使用 则由根路由 provide() 子路由inject，如果子路由都创建实例，会造成多次执行监听例如 我们由一个useSearch,来 ......
通过node.js部署vue项目
一、下载 Node.js官网下载大家根据自己的系统进行下载安装包（我的电脑是windows10-64位，所以下载第一个） 二、安装 点击下载的安装包进行安装点击Next 打勾并点击Next默认安装路径是C:\Program Files\nodejs\，我这里选择在D:\Program Files\n ......
[Vue]Object.defineProperty()和Vue数据代理
Object.defineProperty (person, 'age', { value: 18, enumerable: true, // 属性是否可枚举，默认为false writable: true, // 属性是否可被修改，默认为false configurable: true, // 属 ......
c++ 基本语法_1
// 1.主函数里面的各个含义意思 #include<iostream> # include表示预处理 ，引入一个iostream的库。 < >里面表示的是一个头文件，每一个都有其功能 int main() # main表示主函数，只有一个main。返回的是一个int值， （）里面是参数 { std ......
YakSSA和语法提示
前言 距离上次和大家分享 SSA 相关的知识已经过去了许久，在这大概两个月的时间里，牛牛可是丝毫没有摸鱼！兢兢业业的完成几个大型 PR 后，在最近的更新的 v1.2.7-sp 2 中，SSA终于从科普文章中的屠龙刀变成了Yak中解析代码的利器。 有了 SSA 现在我们能做啥！ 目前 YakSSA 模 ......
Vue.js框架：vue3版本里数据变化监听watch和watchEffect的使用
一、监听方法 vue3中定义的变量默认不是响应式的，所以只能监听用ref和reactive定义的数据和变量。 监听前要确保引入相关依赖ref、reactive、watch： <script setup lang="ts"> import { ref,watch,reactive } from 'vu ......
vue3实现一个通用的右键菜单组件
1、新建一个名为ContextMenu.vue的文件 <template> <div ref="containerRef"> <slot></slot> <Teleport to="body"> <Transition @beforeEnter="handleBeforeEnter" @enter= ......
手撕Vue-数据驱动界面改变下
经过上一篇的介绍，数据驱动界面改变 v-model 的双向绑定已告一段落, 剩余的就以这篇文章来完成。 首先完成我们的 v-html，v-text, 其实很简单，就是将我们之前的 v-model 创建观察者的方法，在 v-html 和 v-text 中再写一次即可，创建属于 v-html 和 v-t ......
vue 基础学习 一
1. vue 使用快速入门三步走 (1) 新建 HTML 页面，引入 Vue.js文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue.js 入门示例</title> <script src="https://cdn.j ......
C++基本语法：
C++基本语法： C++程序可以定义为对象的集合，这些对象通过调用彼此的方法进行交互。 对象：对象具有状态和行为。例如：一只猫的状态（颜色、名称、品种、行为、摇动、叫唤、吃），对象是类的实例。 类：类可以定义为描述对象行为（或者状态）的模版（或者蓝图）。 方法：从基本上说，一个方法表示一种行为。一个 ......
基本语法——lower/upper_bound 学习笔记
基本语法——lower/upper_bound 学习笔记 正文 本文保证：你看了也不懂 \(\texttt{lower\_bound}\) \(\texttt{upper\_bound}\) 默认比较函数 返回第一个 \(\cancel{<}\text{value}\) 的元素 返回第一个 \(>\ ......
vue学习七之生命周期
1.vue的四个生命阶段 2.vue的八个钩子 (1) beforeCreate:创建阶段前,script数据尚未加载 (2) created:创建阶段已完成 (3) beforeMount:挂载阶段前，开始通过数据进行页面渲染 (4) mounted:挂载阶段完毕 (5) beforeUpdate ......
基于vue3+ts5+vue-router4+pinia2的PC端项目搭建教程
导语：在日常开发中，有时候会在项目中引入 ts 来解决一些 js 的问题，下面就简单介绍一下如何使用 vue3+ts+router+pinia 来搭建一个项目。 目录 简介 创建 安装 配置 实战 简介 vue3 目前是常用的 vue 版本，提供了组合式 API 以及一些新的功能和特性；ts 这种类 ......