教程npm vue
解决VUE+Springboot项目跨域问题
通常springboot项目端口为8080 VUE项目端口设置为8088 这样互不干扰，实现了前后端分离，但随之而来的就是跨域问题 网上解决方式很多，这里给一个类，复制后放在springboot项目中即可 位置 import org.springframework.context.annotatio ......
Mysql必知必会教程--数据过滤
关键字：where 这里只说明不匹配的用法，其他的较为简单，不予叙述。 select vend_id,prod_name from products where vend_id <> 1003; 输出结果： + + + | vend_id | prod_name | + + + | 1001 | . ......
MySql必知必会教程--排序检索数据
重点关键字：order by 排序单列数据： select prod_name from products order by prod_name; 输出结果： + + | prod_name | + + | .5 ton anvil | | 1 ton anvil | | 2 ton anvil | ......
vue项目的使用，前后端（vue）实现登录，混入mixin（多个组件都要使用的配置放在一起），插件（用于增强Vue，有很多第三方插件），Elementui的使用（样式）
# 解析一下vue项目  ## index.html文件：就是被根组件【template】写什么，这里就 ......
Angular4 教程_编程入门自学教程_菜鸟教程-免费教程分享
## 教程简介 Angular是Google推出的Web前端开发框架，从12年发布起就受到了强烈的关注，他首次提出了双向绑定的概念，让人耳目一新，在2016年9月中旬，Google正式发布了Angular的第二代开发框架Angular 2，2017年3月推出了Angular4。 [Angular 4 ......
Vue 调试访问本地后端接口配置
记录一下本地测试前端的时候怎么访问本地后端接口。时间太长容易忘。。。。 1、首先要知道前端在访问后端的时候是怎么加上后端接口地址的。 如下图，找到封装http请求的文件，src/utils/rerquest.js 该图中的baseURL就是访问时我们加上的后端请求地址。 `baseURL: proc ......
#Vue-cli 5 怎么打印代理地址 #Vue-cli 5 怎么查看真是请求地址 ？
```js proxy: { '/api': { target: 'http://192.168.3.47:1228', changeOrigin: true, onProxyReq: function (proxyReq, req, res) { console.log( '[proxy]: ' ......
npm does not support Node.js 版本号 npm起项目起不起来
先查看自己的npm和node的版本号是否正确 这个版本对应兼容性好,稳定 如果不对,那么到node官网去下载zip的包下来,只需要复制node.exe去替换你node安装的文件夹里面的node.exe(已经安装的基础上) 版本下载地址: https://nodejs.org/zh-cn/downlo ......
elementui局部全屏无法显示tooltip，popover等基于vue-popper类开发的组件
因为这些元素都是插入到body里面的，而当某一div全屏后由于层级原因无法显示这些组件，解决办法如下  ......
Three.js教程：常见光源类型
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 常见光源类型 Threejs虚拟光源是对自然界光照的模拟，threejs搭建虚拟场景的时候，为了更好的渲染场景，往往需要设置不同的光源，设置不同的光照强度，就像摄影师给你拍照要设置各种辅助灯光一样。 环境光Ambien ......
Vue路由的基本使用
1、相关理解 1.1 vue-router的理解 vue的一个插件库，专门用来实现SPA应用的 1.2 对SPA应用的理解 1、单页Web应用（single page web application，SPA） 2、整个页面只有一个完整的页面。index.html 3、点击页面中的导航链接不会刷新页面 ......
vue+elementUI 搜索栏公共组件封装，封装多搜索条件通用组件，超实用
1、新建BaseSearch.vue文件 <!-- *名称：弹窗的搜索条件组件 *功能：methods 1.点击搜索的方法：@search 2.搜索条件 props : formItemList --> <template> <div class="dialog-search"> <el-form ......
el-dialog组件封装-El-Dialog---vue
1、封装Dialog.vue文件 <template> <div class="base-dialog"> <el-dialog :type="type" :width="width" :custom-class="customClass" :fullscreen="fullscreen" :tit ......
vue 理解yarn start 和yarn dev的区别
yarn dev，当文件变动后，会自动重启。 yanr start不会自动重启 nodemon会监听文件变动，跟yarn dev和yarn start无关。 ......
Vue脚手架配置代理
前言 前端在向后端请求资源时通常会遇到跨域问题，当我们是用vue脚手架构建项目时，可以通过配置代理解决跨域问题 参考文档：devServer.proxy 方法一： 在vue.config.js中添加如下配置： module.exports = { devServer: { proxy: 'http: ......
vue3+ TS pinyin uniapp 索引列表-(A-Z)按首字母排序 ，锚点定位
获取一维数组 地址列表 <script lang="ts" setup> import { getLocationList } from "@/apis/activity"; import {onLoad} from "@dcloudio/uni-app"; import { pinyin } fr ......
Vue之使用:class返回类对象
我们在设置动态且复杂的类名时，可以使用Vue的:class。 如下面的代码所示： <i :class="classObject(item)"></i> 函数为： const classObject = (item) => { return { iconfont: true, icon: true, ......
ai问答：Vue3中使用computed和watch监听pinia数据的区别
通过Vue3组合式API的computed和watch,可以轻松实现在组件中监听pinia状态的变化,这是Vue3与pinia结合的重要用法。 ......
vue的ref引用
ref引用 ref 在vue中，不需要操作dom，只需要维护数据。 ref在不需要依赖jquery的情况下，获取dom元素或组件的引用。 每个vue的组件实例上，都包含一个 $refs 对象，里面存储着对应dom元素或组件的引用。 默认情况下，组件的$refs指向一个空对象。 ref可以父传子，也可 ......
新斗罗大陆游戏详细图文架设教程
“我叫小舞，跳舞的舞”，唐三不知道的是，这个叫做小舞的十万年魂兽会成为他一生的羁绊。本文介绍新斗罗大陆手游架设教程，游戏长期维护，欢迎来玩~ ......
前端JavaScript开发手册——React、Angular和Vue比较
前端框架在 Web 开发中不可或缺。它们提供结构化方法和预定义组件来简化编码过程。 这些工具还可以通过提供可重用组件和抽象复杂任务（如 DOM 操作和状态管理）来帮助提高生产力。这使开发人员可以专注于应用程序逻辑，而不是编写重复的代码。 框架通过模块化开发提高代码的可维护性，使修改或替换单个组件变得 ......
Electron-ChatGPT桌面端ChatGPT实例|electron25+vue3聊天AI模板EXE
基于electron25+vite4+vue3仿制chatgpt客户端聊天模板ElectronChatGPT。 electron-chatgpt 使用最新桌面端技术Electron25.x结合Vite4.x全家桶技术开发跨端模仿ChatGPT智能聊天程序模板。支持经典+分栏两种布局、暗黑+明亮主题模 ......
Vue2 与 Vue3 生命周期对比
Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载DOM、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 在Vue的整个生命周期中，它提供了一系列的事件，可以让我们注册js方法，可以让我们达到控制整个过 ......
frp内网穿透配置教程（web项目+结合云主机)
> frp应用场景：在本地启动了一个web项目,需要进行公网访问的时候，则需要一台云主机进行frp内网穿透 ## 1.下载frp文件到客户端和服务端 可在github，进行相应的版本下载 > [https://github.com/fatedier/frp/releases](https://git ......
过滤器-使用Vue.filter定义全局变量
# `私有过滤器`和`全局过滤器` 在filters节点下定义的过滤器，称为”`私有过滤器`“，因为它`它只能在当前VM实例所控制的el区域内使用`。如果希望`在多个vue实例之间共享过滤器`，则可以按照如下的格式定义`全局过滤器`： ```HTML message的值是：{{message | c ......
Vue知识沉淀
## 为什么组件my-item的props是listCount，但传入时候用:list-count传入，而 listCount与list-count不一致 ``` ``` 在Vue中，组件的props属性名称是大小写不敏感的。这意味着您在定义props时可以使用camelCase（驼峰式命名）或ke ......
npm run serve 报错
解决：npm run serve 错误，或者 npm run build 错误 错误原因： 使用了 过高版本的 Node.js 解决办法： 本人电脑上安装了，nvm 可以快速的 安装node 的其他版本，当 降版本到 Node v16.14.1 时，才可以正常运行(太坑了) nvm 安装 v16 ......
Vue-Cli使用
[toc] # 一 解析vue项目 ## vue项目 ```python # 1 public中单页面应用，index.html中 页面被整个div撑起来了 # 2 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.vue 必须是 -把根组件的内容贴到index.html页面的div ......