教程npm vue
vue必问核心面试题(vue2),下篇更新vue3面试题
Vue 面试题 v-if 和 v-show 的区别。 在频繁切换使用的场景建议用v-show<p style="display: none;">B</p>DOM会渲染所有的v-show，用不到就style="display: none;" 为何 v-for 中使用 key（要说明原理）？ 描述 V ......
Linux部署项目教程 速通版
购买服务器，略，阿里云什么的都可以。 连接服务器 个人推荐这个免费开源的，下好连接即可，略。 简单易用的终端工具——NxShell-CSDN博客 Docker 1 在Cent OS安装docker 1) 先有一个Cent OS 7.6系统 这个很重要，不同版本按照的时候是不一样的。 查看CentOS ......
博客园美化教程指引[资料自取
博客园美化教程指引[资料自取] 前言 很久没有打开博客园了，最近打开发现博客园之前发布的可能有些小问题，不知道大家有没有，索性全部重新配置了，所以这是一个新的部署指引以及老版本的修复。 老版本修复 修改一下页脚这一段 替换之前的复制进去即可 footer: { style: 1, text: { l ......
qq附近人提取脚本插件，微信wxid附近人提取接口工具，易语言代码分享，POST方式学习教程
其实打开Qq附近人后它会返回一个数据包我们只需要把这个数据包提取解析出来就可以提取对方的wxid或者是QQ号，通过这个WXID还能直接加好友，而且是免费的接口，我今天把基础源码和案例图发给大家，免费分享，没有HOOK也没有逆向，就抓包实现的，正常逻辑哈，并非是违规开发。 框架图： 转换后可以直接加微 ......
VUE中选项式API和组合式API讲解。
Vue.js 提供了两种主要的 API 风格：选项式 API（Options API）和组合式 API（Composition API）。这两种 API 风格可以用来编写 Vue 组件，但它们在组织代码、复用逻辑和组件结构等方面有不同的方式。 选项式 API 是 Vue.js 最早引入的 API 风 ......
vue面试题_vue2和vue3的区别
1、数据绑定原理不同 vue2：vue2的数据绑定是利用ES5的一个API：Object.definePropert() 对数据进行劫持，结合发布订阅模式的方式来实现的。 vue3：vue3中使用了ES6的Proxy API对数据代理。相比vue2.x，使用proxy的优势如下： definePro ......
Vue 项目每次发版后要清理浏览器缓存 问题
configureWebpack: { // provide the app's title in webpack's name field, so that // it can be accessed in index.html to inject the correct title. name: ......
vue3 ts 父子 组件小例子
<project-tab ref="projectTabRef" v-model="form.projectVO" :data="parentToChild" @update="updateHandler"></project-tab> //引用组件 const ProjectTab = defin ......
ant design vue 1.x 和 3.x 自定义表单示例
以下是项目中用到的自定义表单的写法，vue2 vue3 各记录一个。 1.x(For vue2) 自定义表单的示例 实现如下图的控件 代码如下： import { Component, Prop, Vue, Watch } from 'vue-property-decorator' import { ......
npm install 报错
node-sass找不到 => 降低版本 => 发现package.json和package-lock.json中的nodesass版本不一致 => 卸载依赖，使用cnpm安装 => 依赖安装不全 => 使用npm安装，报错如下，解决方法如下 => 项目正常启动 npm install --lega ......
vue实现会议室拖拽布局排座
会议室拖拽布局排座是vue-draggable结合vue-draggable-resizable-gorkys进行开发 vue-draggable是拖拽组件，可以在组件里拖动排序，也可以多个组件之间拖动排序 vue-draggable-resizable-gorkys是一更强大的拖拽组件，可以随意拖 ......
解放VSCode+Vue的完整组件库智能提示（包括ant-design-vue、element-plus等）
解放VSCode+Vue的完整组件库智能提示 最近因为一些原因从WebStrom转回VS Code，首先感受到的就是组件库没有智能提示了： 这能忍吗？根本不可能！接下来，我带你花三分钟找回遗失的智能提示～ 首先，本篇文章适用于通过unplugin-vue-components自动引入组件的项目；也就 ......
vue3路由重定向失效
页面刷新时遇到路由重定向无效的问题，可能是因为路由重定向是在客户端进行的，而页面刷新会重新加载整个应用程序，导致重定向逻辑丢失。 为了解决这个问题，你可以使用服务器端的重定向来确保在页面刷新时也能正确地重定向到指定的路由。以下是一种常见的解决方案： 在服务器端配置，确保所有请求都返回应用程序的入口页 ......
vue3_Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
今天的开发中发现了这个问题 Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders frag ......
SpringBoot + vue2.0查询所用功能
导入数据库文件 CREATE DATABASE `springboot` /*!40100 DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci */ /*!80016 DEFAULT ENCRYPTION='N' */ CREATE TA ......
nvm切换node版本出现node不是内部命令，npm不是内部命令
nvm是一款强大的node多版本管理器，可以轻易选择你需要的node版本 nvm安装有一个巨大的坑点：nvm use 版本号以后，并没有生效，nvm ls以后，版本号前面没有星号 解决办法: 1. 首先下载nvm: nvm官方下载地址 2. 开始安装： 3. 查看settings文件 并添加 nod ......
手撕Vue-Router-提取路由信息
前言 好了经过上一篇的学习，我们已经知道了如何监听 Hash 的变化，如何监听路径的一个变化，本篇我们就可以来实现我们自己的 VueRouter 了, 那么怎么实现呢，在实现之前我们先来回顾一下官方的 VueRouter 是怎么使用的。 VueRouter 的使用 首先需要去下载官方的 VueRou ......
vue自定义指令按enter键触发事件
directives: { enter: { bind(el, binding) { document.addEventListener('keyup', (event) => { if (event.keyCode 13) { binding.value() } }) } } }, v-enter ......
先锋版N100-N200-N305新版本（四个M.2或5个M.2转接板）使用教程
N100-N200-I3-N305先锋版专用支持五个M.2接口转接板5个M.2-BIOS下载地址刷机前请确认是不是如下产品，其它主板或转接板不对情况下勿刷！产品图片 ......
先锋版N100-N200-I3-N305三选一SATA+M.2 NGFF+mSATA拓展板使用教程
先锋版N100-N200-I3-N305拓展板3选1功能使用教程3选1BIOS下载地址刷机前请确认是不是如下产品，其它拓展板勿刷！重要提示：3选1拓展版不支持NVMe协议的硬盘，接口不对会烧，请勿插PCIE(NVMe)协议的M.2,通电情况下严禁进行拔码操作，需要拔码换硬盘一定要关机掉拔电源下进行通 ......
先锋版N100-N200-N305老版本（四个M.2转接板）使用教程
N100-N200-I3-N305先锋版专用四个M.2接口转接板。4M.2-BIOS下载地址刷机前请确认是不是如下产品，其它主板或拓展板不对情况下勿刷！PS:拓展上面的拔码预留给USB切换的，本次版本不支持USB，所有拔码开关暂时用不上，请勿操作。 刷BIOS教程，请安装Ventoy制作U盘启动盘工 ......
更改APK让默认为横屏显示教程
要让一个APK默认为横屏显示，你需要进行以下步骤： 1. 打开项目中的 AndroidManifest.xml文件。 2. 在 <application>标签内部，找到你想要更改的 Activity的 <activity>标签。 3. 在该 <activity> 标签中，添加 android:scr ......
Vue自定义创建项目
基于VueCli 自定义创建项目 顺序： 安装脚手架 vue create 项目名 选择自定义 Babel/Router/CSS/Linter Vue2.x VueRouter hash模式 CSS预处理 ESlint：Standard & Lint on Save 配置文件 dedicated c ......
npm脚手架安装
这里举两个例子，也是我们常用到的 第一个是cnpm淘宝镜像 由于npm是国外服务器提供，下载速度会慢一点，所以推荐更换镜像源为cnpm，首先新建一个vue项目文件夹，按住shift键以及鼠标右键，进入powershell终端界面，输入命令行** npm install -g cnpm --regis ......
第六章、Vue3高级
目录二十四、项目实战细节（二）1、组件设置name属性 二十四、项目实战细节（二） 1、组件设置name属性 <script setup> // Vue3.3后支持 defineOptions({ name: '组件名', inheritAttrs: false }) </script> ......
npm run dev 一种出错
Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:69:19) at Object.createHash (node:crypto:133:10) a ......
Vue公共loading升级版（处理并发异步差时响应）
公共loading是项目系统中很常见的场景，处理方式也不外乎三个步骤： 1.通过全局状态管理定义状态值（vuex、pinia等）。 2.在程序主入口监听状态值变化，从而展示/隐藏laoding动画。 3.在请求和相应拦截器中变更状态值。 第一二步骤处理大同小异，但在第三步中，网上很多博文分享的方法是 ......
Macbook M1芯片安装openEuler虚拟机+优麒麟界面教程
Macbook M1芯片安装openEuler虚拟机+优麒麟界面教程 关键词：Macbook、Apple Silicon、M1、M1pro、PD 虚拟机、华为、openEuler、环境搭建教程。 前置知识：命令行操作，换源或者虚拟机代理配置。 step1:安装 pd 虚拟机。 正版官方网站购买 PD ......
vue 创建项目流程
1、首先在文件下打开cmd运行 cd 到你的目录下面 2、npm init vue@latest 命令创建项目 默认都选否，具体需要，后面自行添加 2、根据提示完成下三步操作 这是运行npm install 由于卡住了，就需要进行下一步，手动打开刚刚的目录文件 并且在该目录下，运行cmd，并输入，n ......