草庐IT

nodejs_vue

全部标签

vue中 ref 和 reactive 的区别与联系

官方原文:Vue3建议使用ref()作为声明响应式状态的主要API。ref用于将基本类型的数据(如字符串、数字,布尔值等)和引用数据类型(对象)转换为响应式数据。使用ref定义的数据可以通过.value属性访问和修改。reactive用于将对象转换为响应式数据,包括复杂的嵌套对象和数组。使用reactive定义的数据可以直接访问和修改属性。ref和reactive的区别refreactive支持基本数据类型&引用数据类型只支持对象和数组(引用数据类型)使用.value访问属性能直接访问属性传入函数时,不会失去响应将对象传入函数时,失去响应tips:reactive使用不当会失去响应constu

Vue3学习(后端开发)

目录一、安装Node.js二、创建Vue3工程三、用VSCode打开四、源代码目录src五、入门案例——手写src六、测试案例七、ref和reactive的区别一、安装Node.js下载20.10.0LTS版本 https://nodejs.org/en使用node命令检验安装是否成功node二、创建Vue3工程在桌面右键打开终端,输入创建命令。npmcreatevue@latest输入项目名称,用小写字母和数字,用_或-分隔。接下来就是一些选项配置,这里只选使用TypeScript语法。到这里Vue3项目就创建好了,可以在桌面上找到。三、用VSCode打开使用VSCode打开刚才建好的项目这

互联网+建筑工地源码,基于微服务+Java+Spring Cloud +Vue+UniApp开发

一、智慧工地概念智慧工地就是互联网+建筑工地,是将互联网+的理念和技术引入建筑工地,然后以物联网、移动互联网技术为基础,充分应用BIM、大数据、人工智能、移动通讯、云计算、物联网等信息技术,通过人机交互、感知、决策、执行和反馈等,实现对工程项目内人员、车辆、安全、设备、材料等的智能化管理。智慧工地是指通过信息化技术、物联网、人工智能技术等手段,对建筑工地进行数字化、智能化、网络化升级,实现对施工全过程的实时监控、数据分析、智能管理和优化调控。智慧工地的建设可以提高工地的安全性、效率性和质量,降低施工成本,是建筑行业数字化转型升级的重要抓手。本文将介绍智慧工地目前比较成熟的技术。二、智慧工地管理

免费下载xlsx.full.min.js包,并放入前端代码里,在html+vue中引用

访问xlsx.js的GitHub页面:https://github.com/SheetJS/sheetjs在GitHub页面中,找到"Code"按钮,然后点击它,在下拉菜单中选择"DownloadZIP",以下载xlsx.js的最新版本。解压下载的ZIP文件。在解压后的文件夹中,你会找到xlsx.full.min.js文件。将这个文件复制到你的前端项目中,通常是放在项目的一个合适目录中,比如你的项目根目录或一个名为"lib"或"vendor"的目录中。在你的HTML文件中,使用以下方式引用xlsx.full.min.js文件:确保将"path/to/xlsx.full.min.js"替换为你实

前端本地存储方案-localForage-vue3中使用

前言前端有多种本地存储方案可供选择,常见的有:Cookie:小型的文本文件,存储少量数据WebStorage:包括:localStorage和sessionStorage,存储数据有上限(5M)左右IndexedDB:一种高级的客户端存储API,存储量大、高版本浏览器兼容性较好这些本地存储方案各有优缺点,近期发现一种前端本地存储的库localForage,遵循“渐进增强”或“优雅降级”的原则,集合以上多种方式,使用异步API封装了WebStorage、IndexedDB和WebSQL的库,提供了简单易用的方法来存储和检索数据,API相对简单,易于上手,下面开始正式介绍localForage用法

Vue 2 最后之舞“鸿鹄挽歌”

大家好,这里是大家的林语冰。老粉都知道,我们之前已经在《Vue2将死》中已经提及Vue2今年年底将全面停止维护,且最终版即将发布,只打补丁,不再增量更新任何新功能。圣诞节前夕,平安夜之际,Vue团队正式官宣——Vue2最后一个补丁版本Vue@2.7.16正式发布,版本代号“SwanSong”(鸿鹄挽歌)。图片地球人都知道,去年Vue2官宣了最后一个次版本Vue@2.7.x,如今Vue2官宣最后一个补丁版本Vue@2.7.16,也算是为Vue2的最后之舞画上惊叹号!此去经年,再无Vue2。虽然但是,前端踏足之地,Vue亦生生不息,此乃“Vue之意志”。故本期《前端翻译计划》一起来重温Vue@2.

Node.js脚手架安装配置、Vue环境搭建以及创建Vue项目 (包括配置环境变量)

本教程所使用的系统为Windows10LTSC64位;Node.js版本为18.17.1。 注:截止到2023年09月15日Node.js-18.17.1为长期维护版的最新版本目录1下载Node.js2安装Node.js3配置Node.js以及环境变量4安装Vue5创建Vue项目1下载Node.js在Node.js官网下载最新版本的Node.js长期维护版。(根据系统实际情况选择32位或64位,这里选择的是64位的)官网下载页链接:Node.js官网下载页2安装Node.js2.1安装包下载完成后,选中单击鼠标右键点击“安装”,进入安装页面。如下图所示:安装页面:2.2 点击“Next”并勾选

执行npm install -g @vue/cli时报错:This is a problem related to network connectivity

执行npminstall-g@vue/cli时报错npmERR!codeERR_SOCKET_TIMEOUTnpmERR!networkSockettimeoutnpmERR!networkThisisaproblemrelatedtonetworkconnectivity.npmERR!networkInmostcasesyouarebehindaproxyorhavebadnetworksettings.npmERR!networknpmERR!networkIfyouarebehindaproxy,pleasemakesurethatthenpmERR!network'proxy'con

vue-socket.io以及原生websocket的使用

vue3使用socket.io1、安装npminstallvue-socket.io2、创建socket.js文件exportconstregisterSockets=(sockets,proxy)=>{sockets&&Object.keys(sockets).forEach((t)=>{//console.log(t);//"subscribe"!==t&&//"unsubscribe"!==t&&proxy.$socket.emitter.addListener(t,sockets[t],proxy);});};exportconstdestroySockets=(sockets,pro

如何在VUE材料中使用MD-Toolabr创建固定的导航栏?

我想使用VUE材料框架创建固定到NAV栏的固定。我怎么做?我从这个大纲开始,但无论我做什么,我似乎都无法修复它。看答案您需要添加CSS的粘性定位。有关一个示例,请参见此Codepen:https://codepen.io/aprouja1/pen/awkavj#toolbar{position:sticky;top:1px;}