eclipse项目vue
Vue2和Vue3之响应式原理详解
1 响应式原理 1.1 简介 在讲解之前，我们先了解一下数据响应式是什么？ 所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更新操作，可以是DOM更新，也可以是执行一些回调函数。 1.2 vue2和 ......
vue3基础练习
slot就是把标签传递进组件 实现同一个组件有不同的表现形式 同样因为组件就是自己制造的特殊标签，所以这儿也可以直接把组件传递到slot中 slot组件中，作用域的问题 传递进去的东西会替换掉slot，但是里面用的属性还是调用者的，也就是父组件中的{{}}变量直接调用父组件中data内容。 slot ......
初识Vue3
vue3.0 一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上 vue -- ......
Vue2学习笔记
VUE官网: https://cn.vuejs.org/ 参考教程: https://v2.cn.vuejs.org/v2/guide 快速入门 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Quick Vue Example ......
vue状态管理
Vuex 基本使用 store/index.js import { createStore } from "vuex"; const store = createStore({ state: () => ({ counter:0 }) }) export default store App.vue ......
Vue路由
路由介绍 映射表，决定数据的流向 页面不刷新的方式 hash，监听hashchange事件 histroy模式：六种模式 pushState replaceState popState go forward back vue-router 基本使用 安装vue-router 创建路由对象 histo ......
Vue基础
1. 声明式和命令式编程 2. MVVM模型 view--ViewModel(事件监听、数据绑定)--Model 3. options data属性： vue2中可以是一个对象，推荐函数 vue3中必须是一个函数，否则会报错 methods属性 不能是箭头函数，因为this指向window，不能获取 ......
vue-axios
Axios 常用请求方式 get post delete put patch head request all: 发送多个请求，返回一个数组 axios.all([]) 常用配置选项 url method baseURL: 根路径 axios.default.baseURL = 'https://x ......
vue-element-template实现顶部菜单栏
一、框架侧边栏改为顶部导航栏 1、复制src/layout/componets/Sidebar所有文件至同级目录，改名为Headbar 2、src/layout/components/index.js中声明Headbar export { default as Headbar } from './H ......
Vue模板
<script src="/js/vue.min.js"></script><script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script> <script type="text/javascript"> new ......
linux中conda虚拟环境使用（便于项目切换）、pip和conda换源
虚拟环境相关代码： 1 #创建虚拟环境 2 conda create -n your_env_name python=X.X（3.6、3.7、3.8） 3 4 #激活虚拟环境 5 source activate your_env_name(虚拟环境名称) 6 7 #退出虚拟环境 8 source d ......
03.信息系统项目管理基础
1. 信息系统项目管理基础 1.1. 项目管理基础 1.1.1. 项目的概念 定义：项目是为提供一种独特的产品、服务或成果所做的临时努力。 1.1.2. 项目的特点 临时性：是指每一个项目都有确定的开始时间和结束日期。临时性一般不适用项目所产生的产品、服务或成果。大多数项目是 为了得到持久的结果。例 ......
万字血书Vue—Vuex
Vuex概述 组件之间共享数据的方式（小范围） 全局事件总线 Vuex是什么？ 专门在Vue中实现集中式状态（数据）管理的一个Vue插件，可以方便的实现组件之间的数据共享。 使用Vuex统一管理状态的好处 能够在vuex中集中管理共享的数据，易于开发和后期维护 能够高效地实现组件之间的数据共享，提高 ......
mac 安装svn解决vscode签出项目报Svn installation not found的问题。
svn之前安装过，更新系统就丢了，再brew也没法访问了。 在国内有几个镜像去访问，安装国内镜像： /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" 开始选择了阿里巴巴下载源， ......
vue 代码规范 之 husky
#!/bin/sh . "$(dirname "$0")/_/husky.sh" npx eslint ./src --ext .js,.vue npx husky add .husky/pre-commit "npm run lint" ......
ant-design-vue循环生成多个独立的form表单
前言 后台需要的参数格式如下： info=[{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''}] 由于后台参数的特殊性，每一行内容组成一个对象，如果这些对象都放到同一个form表 ......
Vue——initState【十】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initState进行剖析，初始化生命周期之后紧接着。 initState initState的方法位于scr/core/instance/state.ts中； co ......
Vue介绍与生命周期详解
一、Vue简介 Vue是一款轻量级、高性能的JavaScript框架，用于构建用户界面，它的核心是数据双向绑定和组件化。Vue的设计灵感来源于AngularJS和React，但它更加易于上手和使用。 Vue的主要特点包括： MVVM模式：Vue采用了MVVM模式，将视图(View)、数据模型(Mod ......
如何使用Photino创建Blazor项目进行跨平台
Photino是什么 Photino是一组使用Web （HTML/CSS/JavaScript）UI创建桌面应用程序的技术。TryPhotino.io 维护 .NET 构建，并鼓励社区开发 Photino.Native 控件以用于其他语言和平台。我们鼓励并将支持Photino.CPP，Photino ......
初识vue3-setup语法糖，ref和reactive语法，computde计算属性，watch开启监听
vue3和vue2的区别 1，vue3首次渲染更快（Vue3在编译和渲染性能上有了很大的提升，主要是因为使用了Proxy代理和优化算法，使得组件可以更快的渲染） 2，diff算法更快 3，内存占用体积变得更小 4，打包体积变得更小 5，更好的ts支持（这里不是因为vue3是ts写的，所以更加支持ts ......
vue 后台管理系统 全屏
toggleScreen() {if(this.screen){this.$refs.components_layout_side.$el.requestFullscreen()}else{if (document.exitFullscreen) {document.exitFullscreen() ......
IDEA2022中部署Tomcat Web项目
使用工具： IDEA2022 Tomcat9.0.4 1.下载Tomcat: 官网：https://tomcat.apache.org/ 找到需要的版本下载即可，下载完成解压即可用： Tomcat目录介绍： 1.1.Tomcat启动、关闭。卸载： 启动：双击bin\startup.bat 关闭：直接 ......
如何在IDEA中创建Maven项目
笔者使用的是IDEA2021，不同版本可能会有一些差异 新建父工程 1.选择Maven，点击下一步 2.给父级Maven起一个名字。指定组ID的目录结构。点击完成。 Maven配置 1.选择文件-设置，打开设置页面 2.按如下路径即可打开Maven信息页面 3.亦可通过如下方式打开Maven页面 4 ......
vue3中vue-router一个简单使用案例
![](https://img2023.cnblogs.com/blog/1202393/202303/120239... ......
造梦工厂宿舍大楼项目远程预付费电能管理系统的设计与应用
安科瑞徐行德 摘要：本文介绍造梦工厂宿舍大楼远程预付费电能管理系统，采用智能预付费多用户计量箱ADF300进行远程控制，实现先交费后用电，解决了收费难的问题，也可以实现宿舍安全用电的智能化管理，提高供电效率,避免私拉乱接，为宿舍、商业广场和物业小区等管理部门，提高用电管理水平，解决收费难问题的理想解 ......
VUE 环境搭建
一、安装node.js在node.js官网下载安装最新版的：https://nodejs.org/zh-cn/ 然后需要更换下载源为国内的 #设置为淘宝源npm config set registry https://registry.npmmirror.com #查看下载源npm config g ......
C#--打包安装项目
使用VS2015的Visual Studio Installer打包安装项目，虽然整体操作很简单，但还是有几个特殊的点需要记一下，故写下此博客方便以后查阅 第一步，创建安装项目 如下： 里面最左侧的框框有三个文件夹 1.“应用程序文件夹”即"Application Folder"表示要安装的应用程序 ......
VS 2022 不支持 .NET Framework 4.5 项目解决办法（Visual Studio 2022）
用友U9C UBF 开发 平台生成的项目，默认使用的是 .net 4.5 但是 VISUAL studio 2022 已经不支持这个版本了， 解决方法： 手动拷贝 4.5的文件 到 两个文件夹 C:\Windows\Microsoft.NET\Framework C:\Program Files ( ......
vue3中的setup含义
setup 是 Vue3 中引入的一个新的选项，用于替代 Vue2 中的 beforeCreate 和 created 钩子函数。 setup 选项是一个函数，它在组件实例被创建之前执行，并返回一个包含状态和方法等配置信息的对象。 具体来说，setup 选项的作用包括： 响应式数据：使用 Vue3 ......