![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 67
vue等前端开发框架
猿脑2.0
《大话架构演进之路》发起人,从事架构开发。2024年下半年我已邀请前端、后端、大数据、物联网,unity、3d前端、ai开发等多名朋友,一起写好《大话架构演进之路》这本书,欢迎你加入合写或者围观,期待一场精彩的相遇!
展开
-
vue router介绍和使用
Vue Router 是 Vue.js 官方提供的路由管理器。它允许你为单页应用定义路由,控制页面的切换,实现不同 URL 显示不同内容的功能。Vue Router 集成了 Vue.js,用于构建单页应用(SPA)。原创 2024-07-25 08:08:19 · 198 阅读 · 0 评论 -
vue组件传递数据
触发事件:在子组件中使用$emit方法触发一个事件,并传递数据。监听事件:在父组件的模板中监听这个事件,并定义一个方法来接收数据。</在父组件中定义方法。new Vue({methods: {// 输出:Data from child});原创 2024-07-25 08:05:25 · 174 阅读 · 0 评论 -
vue自定义指令介绍和使用
全局注册的自定义指令可以在任何组件的模板中使用。// 当被绑定的元素插入到 DOM 中时……// 聚焦元素el.focus()})一旦注册了自定义指令,你可以在模板中这样使用它:bind: 只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted: 被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。update: 所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变,也可能没有。原创 2024-07-25 08:02:11 · 314 阅读 · 0 评论 -
vue插槽介绍和使用
在 Vue 中,插槽(Slots)是一种内容分发的机制,它允许你将组件的子元素“插入”到组件的模板中。插槽是 Vue 组件的可复用性、灵活性的关键部分,因为它们允许你创建可接受任何内容的组件。原创 2024-07-25 07:59:35 · 270 阅读 · 0 评论 -
vue动态组件介绍和使用
Vue.js 中的动态组件是指能够在同一挂载点动态切换的组件。这可以通过 Vue 的元素和特殊的is属性来实现。动态组件在你需要根据应用的状态、用户输入或其他条件来改变组件的显示时非常有用。原创 2024-07-25 07:57:22 · 319 阅读 · 0 评论 -
vue组件内部数据,通常使用`data`属性;对于跨组件共享状态,Vuex是理想的选择;而对于需要持久化的数据,可以考虑使用本地存储或Cookie。
选择哪种数据存储方式取决于数据的用途和需要保持的状态范围。对于组件内部数据,通常使用data属性;对于跨组件共享状态,Vuex是理想的选择;而对于需要持久化的数据,可以考虑使用本地存储或Cookie。原创 2024-07-24 08:17:33 · 135 阅读 · 0 评论 -
vue中使用axios组件发送http请求
在Vue.js中,接口组件通常指的是那些专门用来与外部API进行交互的组件。这些组件负责发送HTTP请求、处理响应,并将数据传递给其他组件或Vuex store。原创 2024-07-24 08:14:27 · 242 阅读 · 0 评论 -
vue中各模块加载和渲染的过程
在Vue.js中,模块加载和渲染过程涉及多个阶段,从组件的创建到最终的DOM更新。原创 2024-07-24 08:10:03 · 305 阅读 · 0 评论 -
vue中 import和require使用和区别
import和require各有优缺点,它们服务于不同的模块系统。在开发现代JavaScript应用程序时,import是更常见的选择,因为它提供了更清晰的语法和更好的模块管理。然而,在Node.js环境中,require仍然是标准做法,尤其是在旧版Node.js不支持ES6模块的情况下。随着Node.js对ES6模块的原生支持,import的使用将变得更加普遍。原创 2024-07-24 08:05:26 · 495 阅读 · 0 评论 -
vue2和vue3的区别,如何将vue2项目迁移到vue3
【代码】vue2和vue3的区别,如何将vue2项目迁移到vue3。原创 2024-07-24 08:02:22 · 357 阅读 · 0 评论 -
vue项目目录结构说明,首页动态配置
在Vue项目中,首页通常是通过Vue Router配置的默认路由来加载的。动态菜单通常需要结合Vue Router和Vuex来实现。在Vue中,页面跳转通常是通过。组件或编程式导航(使用。原创 2024-07-24 07:59:00 · 221 阅读 · 0 评论 -
vue常用指令介绍
Vue.js 是一个流行的前端JavaScript框架,它允许开发者通过扩展HTML的能力来高效地构建用户界面。Vue指令是Vue模板中最核心的功能之一,它们带有前缀v-,作用是当表达式的值改变时,将其产生的连带影响响应式地作用于DOM。原创 2024-07-24 07:52:50 · 165 阅读 · 0 评论 -
vue的运行过程和各阶段分析
【代码】vue的运行过程和各阶段分析。原创 2024-07-23 08:20:25 · 658 阅读 · 0 评论 -
vue基础知识
Vue.js 是一个用于构建用户界面的渐进式JavaScript框架。原创 2024-07-23 08:14:52 · 303 阅读 · 0 评论 -
【手把手学习vue】用springboot+vue2创建一个后台管理界面,通过后端接口渲染左侧菜单
创建一个简单的管理界面涉及到后端和前端的开发。下面我将分别介绍如何使用 Spring Boot 和 Vue 2 来实现这个需求。原创 2024-07-19 08:10:57 · 285 阅读 · 0 评论 -
尤雨溪不懂vue的梗怎么来的?尤雨溪,原名也是尤雨溪
尤雨溪,全名尤雨溪,是一位知名的前端开发者,也是 Vue.js 框架的创造者和项目负责人。他出生于中国,成长于美国,并在普林斯顿大学获得了计算机科学和艺术设计的双学位。在创造 Vue.js 之前,尤雨溪主要工作在设计领域,这使得 Vue.js 在易用性和用户体验方面有着天然的优势。他的设计背景和对前端技术的深刻理解,让 Vue.js 成为了一个既优雅又实用的前端框架。尤雨溪以其谦逊和开放的态度在开发者社区中赢得了极高的声誉。原创 2024-07-19 08:04:53 · 364 阅读 · 0 评论 -
vue2的老项目怎么改造为vue3,vite,前端的快速发展真让人上头
Vite 是一个由原生 ES 模块提供支持的现代前端开发与构建工具,由 Vue 的作者尤雨溪创建。Vite 旨在利用现代浏览器的原生 ES 模块支持,提供快速的开发体验。Vue 3 是 Vue.js 的第三个主要版本,于 2020 年发布。Vue 3 带来了许多重要的改进和新特性,包括性能提升、更小的打包尺寸和更好的类型支持。Vue 2 是 Vue.js 的第二个主要版本,由尤雨溪于 2016 年发布。Vue 2 带来了许多新特性和改进,使其成为最受欢迎的前端框架之一。原创 2024-07-19 08:01:02 · 383 阅读 · 0 评论 -
node, nvm, npm,pnpm,以前简单的前端环境为什么越来越复杂
PNPM(Performant NPM)是一个快速的、节省磁盘空间的包管理工具,它是作为npm的替代品而设计的。与npm和Yarn等其他包管理工具相比,PNPM有几个独特的特性和优势。原创 2024-07-19 07:56:10 · 343 阅读 · 0 评论 -
【前端环境配置】nvm安装使用学习
NVM(Node Version Manager)是Node.js的版本管理工具,它允许用户在同一台机器上安装和管理多个Node.js版本。这对于希望测试不同版本的Node.js应用程序的开发者来说非常有用。原创 2024-07-19 07:52:30 · 277 阅读 · 1 评论 -
解释型语言优缺点,有哪些同伴
解释型语言是一种编程语言,其代码在运行时由解释器逐行转换(解释)并执行,而不是提前编译成机器代码。这意味着,与编译型语言不同,解释型语言的程序不需要在运行前进行编译过程,可以直接由解释器执行源代码。原创 2024-07-03 08:06:21 · 352 阅读 · 0 评论 -
重温JavaScript,不亦乐乎
JavaScript(通常缩写为JS)是一种轻量级的编程语言,它被广泛用于网页开发中,用以实现网页的动态效果和用户交互功能。它是一种解释型语言,通常在用户的浏览器中运行,但也可以用于服务器端,如Node.js环境。原创 2024-07-03 08:00:57 · 592 阅读 · 0 评论 -
小小的npm,作用大大的
npm(Node Package Manager)是Node.js的包管理器,它是一个命令行工具,用于在Node.js环境中安装、管理和分享JavaScript代码包。npm是世界上最大的软件注册和管理体系,拥有超过100万的包,这些包由开源社区的贡献者维护。原创 2024-07-02 18:53:23 · 453 阅读 · 0 评论 -
postman居然是用electron开发的,我们来认识下这个框架吧
Electron是一个使用Web技术(HTML、CSS、JavaScript)来构建跨平台桌面应用程序的框架。它由GitHub团队开发并维护,允许开发者使用他们已经熟悉的Web技术来创建桌面应用程序,同时能够利用Node.js的特性来访问本地系统资源。原创 2024-07-02 18:49:06 · 366 阅读 · 0 评论 -
Express应用框架介绍
Express是一个简洁、灵活的Node.js Web应用框架,它提供了一套强大的功能,可以帮助开发者快速地搭建Web服务器和API。Express是目前最流行的Node.js框架之一,它的设计哲学是提供最小化的核心功能,同时通过中间件来扩展其功能。原创 2024-07-02 18:45:46 · 255 阅读 · 0 评论 -
V8引擎介绍,原理,组件,核心,案例
V8引擎是由Google开源的一个高性能JavaScript和WebAssembly引擎,它被用于Chrome和Node.js等应用中。V8的主要任务是执行JavaScript代码,并且能够处理JavaScript源代码、即时编译(JIT)代码以及执行代码。原创 2024-07-02 18:43:11 · 267 阅读 · 0 评论 -
nodejs框架,原理,组件,核心,跟npm和vue的关系
Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它允许开发者使用JavaScript来编写服务器端代码。Node.js采用事件驱动、非阻塞I/O模型,使其轻量又高效,特别适合于构建高并发、I/O密集型的网络应用。原创 2024-07-02 18:40:52 · 243 阅读 · 0 评论 -
vue前端项目补充API设计、安全性、状态管理、前端路由等功能
为了完善前端项目,我们需要考虑API设计、安全性、状态管理和前端路由等方面。以下是如何集成这些功能的基本步骤。原创 2024-07-01 08:05:06 · 652 阅读 · 0 评论 -
websocket长链接代理配置踩过的坑,代码案例,配置案例
WebSocket长连接代理配置在实施过程中可能会遇到一些问题,以下是一些常见的“坑”以及相应的解决方案和代码配置案例。原创 2024-06-27 18:24:44 · 368 阅读 · 0 评论 -
【面试官】springboot+vue3架构,跨域问题导致的前端接口状态码200,但是浏览器无响响应如何处理?
在Vue + Spring Boot架构中,如果你遇到了跨域问题导致前端接口状态码为200,但是浏览器无响应的情况,这通常是因为浏览器的CORS(跨源资源共享)策略阻止了请求的响应。尽管服务器返回了200状态码,但浏览器可能会忽略响应内容,因为它认为响应不安全。原创 2024-06-25 08:18:23 · 482 阅读 · 0 评论 -
前后端跨域问题处理方式
处理跨域请求时,不同的技术栈会有不同的实现方式。以下是一些前端使用JavaScript、Vue.js,后端使用Java,以及服务器使用Nginx处理跨域请求的示例。原创 2024-06-25 08:12:48 · 159 阅读 · 0 评论 -
深入分析浏览器跨域机制和原理
跨域机制和原理是网络安全的基石之一,它保护用户免受恶意网站的侵害。开发人员需要理解这些机制,并采取适当的方法来确保他们的应用能够安全、合法地进行跨域通信。原创 2024-06-25 08:06:50 · 416 阅读 · 0 评论 -
如何成为一名优秀的vue.js前端开发者
Vue.js 是一个流行的前端JavaScript框架,以其易用性、灵活性和高性能而著称。原创 2024-06-21 17:13:44 · 224 阅读 · 0 评论