vue模板vscode vue2
strokeplug.net - vscode
function getWindowByProcessName(pName) { if(!pName || pName.lenght < 1) return; let wnds = sp.AllApplications(); let result = new Array(); for(let i = ......
一文详解vue-cli2.0与vue-cli3.0之间的区别
我们之所以介绍vue-cli2和vue-cli3的使用和区别，是因为VUE脚手架工具从vue-cli3版本开始，在项目结构等诸多方面开始与vue-cli2版本相比， 有较大的优化与调整。因此，在学习和工作中，我们需要了解一下版本更替之后，在哪些方面有变动。 1. 项目目录结构 可以明显的看出来，vu ......
Vue 中npm run dev 和 npm run serve 的区别
在项目目录下，找到package.json文件，运行npm run serve命令启动项目的项目中，scripts中有一个serve字段，npm run dev命令中有一个dev字段，如下： "scripts": { "dev": "webpack-dev-server --inline --pro ......
vscode 配置git 终端
vscode版本: 1.76.2 (2023) 点击查看版本详细信息 版本: 1.76.2 (user setup) 提交: ee2b180d582a7f601fa6ecfdad8d9fd269ab1884 日期: 2023-03-14T17:55:54.936Z Electron: 19.1.11 ......
Flask+Vue 使用
Vue 项目经过npm run build 打包后生成文件在dist目录如下： app.py: from flask import Flask, render_template# 设置静态文件夹目录 static_folder='./dist' # 设置vue编译输出目录dist文件夹，为Flask ......
Vue3+vite项目中如何动态导入并创建多个全局组件
背景 实际开发项目中，有些时候我们需要通过全局注册多个自定义组件，但是每个组件都导入一次，将会导致代码很冗余。 实现方案 customComponents/index.js const files = import.meta.globEager("@/customComponents/*.vue") ......
Vue2响应式原理
响应式基本原理就是，在初始化vue实例的时候，对data的每一个属性都通过 Object.defineProperty 定义一次，在数据被set的时候，做一些操作，改变相应的视图 ......
vite V3.0.0 vite.config.ts 引入插件vite-plugin-vue-setup-extend-plus报错（vueSetupExtend不是一个函数）
vite V3.0.0 vite.config.ts 引入插件报错（***** 不是函数） ·问题 #9414 ·Vitejs/Vite (github.com) 我的错误提示如下 ERROR failed to load config from D:\Work\TestCode\LuoCoreAd ......
直播平台源代码，vue自定义单选框radio
直播平台源代码，vue自定义单选框radio <template> <div @click="menuDialog = false"> <div> <!-- 按钮 --> <div @click.stop="openMenu()"> <div>{{ currentUnit ? currentUnit ......
vscode设置免密登陆remote-ssh
确保本机上有ssh，如果没有的话安装一个。 在vscode中安装remote-ssh插件， 并连接到服务器 生成钥匙对 在本地使用 ssh-keygen 来生成私钥-公钥对，注意如果你有多个服务器需要免密登陆的话，生成新的钥匙对的时候得另起一个名字（比如server_id_rsa，要不然就把之前的覆 ......
vue全家桶进阶之路2：JavaScript
JavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页，其中： HTML 用来定义网页的内容，例如标题、正文、图像等； C ......
vue全家桶进阶之路3：Node.js
Node.js发布于2009年5月，由Ryan Dahl开发，是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型， 让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平 ......
dockerfile部署vue+springboot+redis
后端部署： 一、拉取并启动redis镜像 1、在服务器/usr/local/etc/redis/文件目录下建立redis.conf配置文件，配置信息如下： bind 0.0.0.0 protected-mode no 2、拉取并启动最新的redis镜像，映射宿主机端口并挂载目录 docker run ......
Vue组件以及其事件生命周期
1.Vue组件 必须先注册以便Vue能识别全局和局部注册 组件之间数据传递props $emit传值 组件切换v-if v-else 事件的生命周期类别servlet生命周期分为三个阶段 1.初始化阶段,调用init()2.响应客户请求阶段，调用service()3.终止阶段，调用destroy() ......
Vue.js 路由简介
路由 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 ......
vue全家桶进阶之路1：前言
Vue是一款国产前端框架，它的作者尤雨溪（Evan You）是一位美籍华人，2014年2月，尤雨溪开源了一个前端开发库 Vue.js，2015年发布1.0.0版本，2016年4月发布2.0版本，目前，尤雨溪全职投入 Vue.js 的开发与维护，立志将 Vue.js 打造成与 Angular/Reac ......
javaweb——使用axios和vue改造书城项目的购物车
资料来源于：B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ，本人才疏学浅，记录笔记以供日后回顾 由于是多个视频内容混合在一起，因此只放了第一个链接 视频链接 代码示例 index.html代码 修改后，点击购物车按钮，直接访问cart.html页面 点击查看代码 <!DOCTYPE html ......
Vue.use方法
1、Vue.use 在引入各种插件、组件、plguin时都会使用；那么这个函数到底在干嘛？ 查看Vue.use的interface 第一个参数要么是PluginObject ，要么是PluginFunction 意思就是：要么给个对象里面带install函数，要么给个函数我约定好参数然后给你操作 反 ......
vue js axios统一拦截导出，全局显示 loading 加载
PS=> 整体逻辑： request 请求文件单独引入 element-ui 的 loading 组件，通过 request 和 response 拦截器进行针对性拦截即可 先插入 element-ui 的 loading 插件 import { Loading } from "element-ui ......
vue3组件之间传值
父组件向子组件传值 1.简单的props方式 //fater.vue <div class="father"> <children :carr="arr" /> </div> <script setup lang="ts"> import children from './children.vue' ......
vue export学习笔记2
#创建项目 vue create vuecli-dem0 #启动项目 npm run serve #打包项目 npm run build #路由说明 由于Vue在开发时对路由支持的不足，于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件 ......
Vue3中使用pinia
Vue3中使用pinia Pinia是一个轻量级的、基于Vue 3的状态管理库，它的设计目标是提供简单易用的API，使得开发者能够更加便捷地管理Vue 3应用程序中的状态。与Vuex相比，Pinia更加轻量级和易于理解，适用于中小型应用程序。 Pinia的核心是store实例，每个store实例都包 ......
vue export学习笔记
export 用来导出模块，Vue 的单文件组件通常需要导出一个对象，这个对象是 Vue 实例的选项对象，以便于在其它地方可以使用 import 引入。 export 和export default 的区别在于： export 可以导出多个命名模块。如下： //demo1.js export con ......
基于Vue3搭建ChantGPT前后端端源码及搭建教程-官方接口
ChantGPT很多，网上很多说的ChantGPT搭建及源码都是假的，无法使用的，自己研究了好几天，搞定了基于Vue3搭建ChantGPT前后端端源码及搭建教程，现在分享出来，有喜欢的朋友自行下载搭建，用的是openAPI官方接口和key。 搭建好的ChantGPT主要可以实现多聊天窗口，聊天记录导 ......
VUE3刷新页面报错：Uncaught SyntaxError: Unexpected token ‘＜‘
今天用vue3配置嵌套路由时，发现刷新页面后，页面变为空白，打开控制台发现报错： Uncaught SyntaxError: Unexpected token '<' 解决方法： 修改vue.config.js文件： publicPath:"/", 注意不是： 登录后复制 publicPath:". ......
Vue.js 多组件共享数据
视频 #components ##Count.vue <template> <div> <h1>当前求和为：{{sum}}</h1> <h3>当前求和放大10倍为：{{bigSum}}</h3> <h3>我在{{school}}，学习{{subject}}</h3> <h3 style="color ......
Vue.js 求和案例-mapActions和mapMutations
视频 mapActions方法：用于帮助我们生成与actions对话的方法，即：包含$store.dispatch(xxx)的函数 methods:{ //靠mapActions生成：incrementOdd、incrementWait（对象形式） ...mapActions({incrementO ......
Vue.js 求和案例-mapState和mapGetters
视频 6.四个map方法的使用 mapState方法：用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性：sum、school、subject（对象写法） ...mapState({sum:'sum',school:'school',subje ......
Vue.js getter配置项
视频 逻辑复杂且跨组件使用 5.getters的使用 概念：当state中的数据需要经过加工后再使用时，可以使用getters加工。 在store.js中追加getters配置 ...... const getters = { bigSum(state){ return state.sum * 10 ......