1.Vue2 Vue Router是Vue.js官方的路由管理器，它能够帮助我们在Vue应用中实现页面之间的跳转和导航。在本篇博客中，我们将介绍如何在Vue 2中使用Vue Router，包括路由的配置、路由参数的传递和导航守卫的使用。 1.安装和配置Vue Router 首先，我们需要在Vue项目中安装Vue Router。使用npm或者yarn命令进行安装 npm install vue-router 安装完成后&#x 继续阅读
Search Results for: vue
查询到最新的12条
vue3的代码片段如何设置
vscode -文件-用户代码片段 {"vue3 template": {"prefix": "vue3","body": ["<template>"," <div>","$1"," </div>","</template>\n","<script lang=\ 继续阅读
Vue2-黑马（四）
目录： （1）axios-响应格式 （2）axios-拦截器 （3）vue2-条件渲染 （4）vue2-列表渲染 （1）axios-响应格式 下面看axios的返回响应对象的内部组成 后端跨域的配置：可以在启动类这里做全局的配置 data部分： 响应头ÿ 继续阅读
vue3+typescript+vant页面开发案例
文章目录效果index.vue页面template内容script内容index.ts页面 效果 index.vue页面 template内容 <van-form @submit="onSubmit"><van-cell-group inset><van-fieldv-model="providerApply.companyName"name="企业名称" 继续阅读
Vue 往数组添加字母key
本文将详细阐述如何在 Vue 中往数组中添加字母 key，并从多个方面探讨实现方法。 一、Vue 中添加字母 key 的实现方法 在 Vue 中，添加 key 可以使用 v-bind 绑定到元素或组件上，在循环渲染的元素或组件上添加唯一的 key，Vue 会根据 key 进行优化，减少不必要的 DOM 操作。 通过以下代码可以实现在列表中往每个元素添加字母类型的 key： <template> <ul> <li v-f 继续阅读
2023-06-22 使用事件委托来为所有子节点绑定事件,e.target和this的区别,vue获取DOM节
文章目录 1.使用事件委托为子节点绑定事件2.e.target和this的区别3.vue中如何获取DOM节点?方法一:通过事件源来获取当前点击的节点方法二:通过ref来获取当前点击的节点方法三:使用自定义指令来获取当前点击的节点 1.使用事件委托为子节点绑定事件 <body><ul onclick="func(event)"><li>1</li><li>2</li><l 继续阅读
Vue 电商后台管理项目阶段性总结
Vue 开发电商后台管理系统 一、阶段总结二、项目技术栈2.1 前端2.2 后端2.3 数据库 三、项目概要3.1 开发流程3.2 项目预览 四、学习资源五、招贤纳士 一、阶段总结 该项目偏向前端更多一点，后端 API 服务是已经搭建好了的，我们只需要用既可以，（但是作为一个 全栈开发人员，它的数据库的表设计，Restful API 的设计是我们要着重学习的！！& 继续阅读
【vue3】组合式API之setup()介绍与reactive()函数的使用
==>😉博主：初映CY的前说(前端领域) ,📒本文核心：setup()概念、 reactive()的使用 目录⭐一、组合式API对比vue2项目结构在vue2当中在vue3当中⭐二、setup()函数的使用2.1setup()函数的基础概念2.2.setup()初体验2.3.reactive()函数2.3.1reactive()的进一步抽离2.3.2reactive()再进行进一步文件拆分并且引入 继续阅读
使用Nginx反向代理部署laravel和history模式的Vue项目[更新]
[2019.12.2 更新] nginx.conf里要加上对laravel的静态文件目录的转发(这里假设我的静态文件在public/static下)、修改vue的nginx配置。我们以在我本地的开发环境为例，windows7+nginx+Vue+Laravel5，假设我想使用的域名是zh30.com。想达成的效果：我们想直接访问时使用Vue开发的单页面应用index.html，做为我们的前台交互，且在Vue中使用history路由模式。后台和接口使用laravel框架进行开发，所以想使用zh30 继续阅读
【Vue3+Ts project】认识 Websocket 以及 socket.io 库
目录 Websocket socket.io Socket.iO 事件名总结： Socket.IO 方法总结 Websocket 作用： WebSocket 仍然提供实时的双向通信功能，使用Vue3 应用程序能够与服务器进行实时数据交换降低延迟和网络开销：相比传统的HTTP请求-响应模式，WebSocket建立了持久连接，减少了网络开销和延迟，适用于需要实时数据更 继续阅读
Vue 前端利用 slice() 方法实现分页器
系列文章目录 文章目录 系列文章目录前言一、什么是分页器？二、利用 slice() 方法实现分页器的基本思路三、示例代码实现分页器总结 前言 在 Vue 前端开发中，实现分页功能是常见的需求之一。而利用 JavaScript 的 slice() 方法可以轻松实现分页器的功能，提供用户友好的界面和流畅的分页体验。本文将详细介绍如何利用 slice() 方法实现分页器，帮助您在 Vue 项目中实现高效的分页功能。 继续阅读
Vue模拟按键按下
本文将从以下几个方面对Vue模拟按键按下进行详细阐述： 一、Vue 模拟按键按下的场景 在前端开发中，我们常常需要模拟按键按下的场景，比如在表单中填写内容后，按下“回车键”提交表单。在进行这个操作时，我们可以通过vue的事件系统来模拟按键按下的场景。 二、Vue 模拟按键按下的事件类型 在vue中可以模拟以下几种按键按下的事件类型： keydown keypress keyup 其中，keydown事件在按下键盘上的任意键时触发；keypress事件仅在按 继续阅读