教程npm vue
Vue插件
### 介绍 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例: ``` js import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的 ......
vue-electron 批量生成 PDF
> 最近有个需求,需要批量下载 pdf,单份还好,但多份时会超时。 需要改成一份一份下载,先选择下载的存储路径,再自动下载到选择的目录中,一开始使用了 will-download,但在测试过程中,测服下载速度很慢,发现保存地址还是会弹出来,下载一次弹出一份。 因此打算试试利用 electron 原来 ......
【开发工具】WebStorm 前端开发神器菜鸟必备,全网最稳定靠谱的安装教程 一镜到底、全程图文并茂、通俗易懂!
>🚀 个人主页 **极客小俊** >✍🏻 作者简介:web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步!😄 >🏅 如果文章对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注 ### 介绍 🙂 ![](https://img-blog.csdnimg. ......
前端Vue自定义商品订单tabs标题栏选项卡组件 可设置文字下划线颜色
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
前端Vue自定义精美横向步骤条组件 水平步骤条组件 可用于电商跟进商品订单状态
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
vue-day15--key的作用与原理
面试题 react vue 中 的key 有什么作用(key 的内部原理) 1.虚拟DOM中key的作用 key是虚拟对象的标识,当数据发生变化时,Vue会根据新数据生成新的虚拟DOM,随后Vue进行新虚拟DOM与旧虚拟DOM的差异比较。 2.对比规则 ①旧虚拟DOM找到了与新虚拟DOM相同的key ......
vue-day15--列表渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>列表渲染< ......
前端框架及项目面试-聚焦Vue、React、Webpack
第1章 课程导学介绍课程制作的背景和课程主要内容。第2章 课程介绍先出几道面试真题,引导思考。带着问题来继续学习,效果更好。第3章 Vue 使用Vue 是前端面试必考内容,首先要保证自己要会使用 Vue 。本章讲解 Vue 基本使用、组件使用、高级特性和 Vuex Vue-router ,这些部分的 ......
前端编程开发 --- vue3 监听属性
监听变量的变化并触发函数 <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <button @click = "counter++" style = "font-size:25px;">点我</button> / ......
vue-day15--条件渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>条件渲染< ......
Docker教程
[TOC] # Docker教程 ## 1. Docker是什么 Docker是Linux容器的一种封装,提供简单易用的容器使用接口。 Docker将应用程序与该程序的依赖打包在一个文件里,运行这个文件,就会生成一个虚拟容器。程序在这个虚拟容器里运行,就好像在真实的物理机上运行一样,有了Docker ......
Git教程
# Git教程 [TOC] ## 1. 安装Git ### 1.1 在Linux上安装Git 可以在终端中输入`git`来查看系统是否安装git: ```shell $ git The program 'git' is currently not installed. You can install ......
Zephyr入门教程 2 线程
### RTOS的必要性 当你开始增加你的嵌入式应用的功能时,在单一的主循环和一些中断例程中做所有的事情变得越来越难。通常情况下,下一级的复杂性是某种状态机,你的电子设备的输出会根据这个(内部)状态而改变。如果你需要能够同时操作多个复杂的输入和输出呢?一个很好的例子是TCP/IP连接,通过这个连接, ......
vue.config.js
const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ // 默认:'/',部署应用包时的基本 URL,Vue CLI 会假设你的应用是被部署在一个域名的根路径上,如果是部署在一个子路 ......
JSP环境搭建教程(保姆级!!)
# 简介 Java Server Pages (JSP) 是一种由 Sun Microsystems 开发的用于创建动态网页的技术。它是 Java EE (Java Enterprise Edition) 技术的一部分,允许开发者在 HTML 中嵌入 Java 代码,从而实现动态内容的生成。 JSP ......
vue(十一)服务启动
本地debug 在项目路径下输入命令 npm run serve 打包部署 1、打包:在项目路径下输入打包命令,会打包成一个dist文件夹 npm run build 2、安装服务器: npm install -g serve 3、启动服务 serve -s dist -s 参数的意思是将其架设在 ......
vue(九)vue3新特性
vue3六大亮点: 性能比Vue2强 可以将无用模块去掉,仅打包需要的 组合API 碎片(fragment),portal传送门(teleport),悬念(suspense) 更好的TS支持 暴露了自定义渲染API setup() 在setup函数中声明对象,代替data()。ref声明简单对象,r ......
vue(十)Element-plus
Element-plus 基于Vue3,Element-ui 基于Vue2,是一套前端页面组件库 安装和使用 安装 npm install element-plus --save 使用:按需导入,只打包使用到的组件 安装插件 unplugin-vue-components 和 unplugin-au ......
vue(八)状态管理vuex
安装和使用 Vuex是一个专门为vue.js应用程序开发的状态管理模式 + 库,采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 简单说,状态管理可以理解成为了更方便的管理组件之间的数据交互,提供了一个集中式的管理方案,任何组件都可以按照指定的方式进行读取和 ......
Vue + Element ui 实现动态表单,包括新增行/删除行/动态表单验证/提交功能
总结/朱季谦 最近通过Vue + Element ui实现了动态表单功能,该功能还包括了动态表单新增行、删除行、动态表单验证、动态表单提交功能,趁热打铁,将开发心得记录下来,方便以后再遇到类似功能时,直接拿来应用。 简化的页面效果图如下: ![image](https://img2023.cnblo ......
技术讲解文字教程
连接设备,将4G摄像头直接连接到电脑上。设置电脑网络,将电脑的网络设置为192.168.1网段。在浏览器中输入192.168.1.100,打开摄像头登录页面。使用用户名和密码 "admin" 登录。如果提示错误,可以查看摄像头上方的标签获取正确的用户名和密码。在高级设置-FTP设置中设置FTP服务器 ......
vue3封装echarts组件数据更新不同步问题
# vue3封装echarts组件数据更新不同步问题 > 背景: 记录一下项目中遇到的bug,在vue3+echarts环境下,为了方便使用,我将echarts封装成组件使用,使用的时候只需要把对应的值传入给chart组件就行,但是在传入真实数据的时候遇到了问题,就是传入value值与图表组件显 ......
ZBrush 3D游戏建模教程:创建女武士模型
推荐:将NSDT场景编辑器加入你的3D工具链 3D工具集:NSDT简石数字孪生 介绍 在本教程中,演示创建实时武士角色的流程,该流程基于 Kati Sarin S 的原始概念。我将使用各种各样的软件,如ZBrush,Maya,Substance Painter和Marmoset。 在ZBrush,M ......
Vue-Element-ui的表格中的表单校验(根据下拉框的选择内容控制是否需要校验输入框)
需求:Element-ui的表格中有可填的输入框、可选的下拉框 需要通过下拉框的值去控制输入框是否需要校验 是否必需:是则需要校验;否则无需校验 1、首先上面的表单正常绑定校验属性。 2、下面的表格再写一个表单与校验属性。绑定时需要绑定对应对象的校验字段 3、写校验的时候,写两个校验属性,一个是必填 ......
NodeJS使用npm安装vue脚手架
开发环境准备:Windows10、Windows11 NodeJS,安装官网最新LTS版即可 下载地址:https://nodejs.org/ 安装一路下一步,默认即可 1、检查 Node版本、npm包管理工具版本,命令如下: 打开cmd命令,输入如下命令: node -v npm -v 2、安装 ......
Vue
# Vue ## First ### 创建Vue实例 **核心步骤(4步):** 1. 准备容器 2. 引包(官网) — 开发版本/生产版本 3. 创建Vue实例 new Vue() 4. 指定配置项,渲染数据 - el:指定挂载点 - data提供数据 ```html {{ msg }} ``` ......
第十二篇 - 将Vue2升级成Vue3
vue3在vue2的基础上有所更新,所以从vue3开始学起吧。 参考链接:https://zhidao.baidu.com/question/2275453896941683268.html 一、升级vue 首先,查看当前vue的版本:npm list vue 接下来对npm进行升级:npm ins ......
解决npm安装electron总卡住
## 前言 也是久闻Electron大名,而且新版QQ最近也用Electron改写了。正好最近想写一个图形化的程序,无奈安装的时候老是卡住。还好网上早就有人遇到了跟我一样的问题,也给出了方案。 ## 正文 转自:https://zhuanlan.zhihu.com/p/562217675 ### 总 ......
vue通用组件自动注册
### 前置知识 #### vite中的Glob 导入 Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块 `const modules = import.meta.glob('./dir/*.js')` 以上将会被转译为下面的样子: ``` // vite 生成 ......