vue脚手架 运行命令不同,部署后的站点目录不同,下图解决该问题。 const {href} = this.$router.resolve({ name: "statistics-explain", params: { classID: id, examSubjectID: this.planCla ...
转载 2021-09-14 08:50:00
48阅读
2评论
监听组件的生命周期watch 的初始立即执行路由参数变化组件不更新路由懒加载require.context()递归组件自定义路径别名动态给修改dom的样式长列表性能优化内容分发(slot)事件修饰符表单修饰符生命周期函数组件 attrs 和 listeners路由守卫路由缓存 keepaliveVue.useVue.mixinVue.extendVue.directive监听组件的生命周期比如有父
转载 2024-04-25 20:47:25
34阅读
目录一、Vue项目介绍二、组件相关知识点三、路由相关知识点路由配置四、vuex五、vue-cookie六、axios上一篇我们说了Vue项目平台搭建以及Vue项目目录说明,这篇我们说一下如何使用Vue项目进行前端项目开发一、Vue项目介绍Vue是一个单页面页用,我们用到的html在public文件夹下入口文件根组件页面组件路由配置文件二、组件相关知识点''' 1、vue项目的请求生命周期:main
转载 2023-08-25 23:20:58
112阅读
随着项目的日益增大,维护状态,成为了一件必须且比较繁琐的事情。出现了很多优秀了状态管理工具,数据管理,组织state让我们一起来看下,vue使用vuex和react中使用redux有什么区别。vuex 参考链接:https://vuex.vuejs.org/zh/要想使用vuex,在你的项目目录下执行如下命令。第一步:下载依赖包vuex npm install --save-dev vuex第二
转载 2024-04-25 13:59:24
32阅读
文章目录导课MVVM(前端思想)vue 的特点Vue的基本代码Vue指令v-cloak插值表达式v-textv-htmlv-bind:v-on:v-model(双向数据绑定)v-forv-if 和 v-show事件修饰符在Vue使用样式使用class样式使用内联样式 导课MVVM(前端思想)前端视图层的分层开发思想,主要把每个页面分成了M、V和VM。M:保存每个页面中单独的数据VM:调度者,分
转载 2024-01-10 11:43:44
64阅读
1、概述Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。2、基础使用1、安装node.jsnodejs.cn/download2、安装vue-cli 快速生成项目模板
0.插件下载 vscode配置插件后会变得特别好用,插件的下载方式也很简单 点击上述图标后搜索想要下载使用的插件安装即可 入门推荐的插件有: (1)Chinese (Simplified) Language Pack for Visual Studio Code 作用:vscode的简体中文安装包, ...
转载 2021-08-05 16:54:00
306阅读
2评论
可以根据isCareful的值来确定初始激活状态。您可以在el-switch元素中添加一个计算属性来设置,默认的active状态。通过这样的设置,当sc
# Vue前端使用MySQL的完整流程 在现代Web开发中,前端与后端的连接是至关重要的。若要在Vue前端应用中使用MySQL数据库,通常需要通过后端API来与数据库进行交互。下面我们将详细介绍这个流程,并逐步指导你如何实现这一功能。 ## 整体流程 我们可以将整个流程分为以下几个步骤: | 步骤 | 描述 |
原创 9月前
44阅读
一、Vue基本语法1. Vue.js是什么?一位华裔前Google工程师(尤雨溪)开发的前端js库作用: 动态构建用户界面特点: 遵循MVVM模式;编码简洁, 体积小, 运行效率高, 移动/PC端开发;它本身只关注UI, 可以轻松引入vue插件和其它第三库开发项目;与其它框架的关联: 借鉴angular的模板和数据绑定技术;借鉴react的组件化和虚拟DOM技术;vue包含一系列的扩展
转载 2024-06-20 11:14:55
103阅读
本文介绍Vue前端开发中require.context方法的使用技巧
原创 2020-11-08 07:48:41
4163阅读
1.1 vue.js的快速入门使用vue.js是目前前端web开发最流行的工具库之一,由尤雨溪在2014年2月发布的。另外几个常见的工具库:react.js /angular.js官方网站:中文:https://cn.vuejs.org/英文:https://vuejs.org/官方文档:https://cn.vuejs.org/v2/guide/1.2 vue.js库的基本使用基本形式:基本使用
转载 2023-12-14 09:59:56
42阅读
1.正文vue前端框架1.1什么是Vue1.2如何使用vue  <%-- Created by IntelliJ IDEA. To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" langu
前后端分离:WebAPI+Vue开发——远程数据请求axios前后端分离:WebAPI+Vue开发——跨域设置前后端分离:WebAPI+Vue开发——身份认证存储用户身份可以用Cache内存或者Redis,本文实现用的是Redis。1、在登录页或者首页页面打开后,先获取Token用户身份在首页或者登录页加载完成后,远程请求服务端,获取服务端生成的token,本文的Token用guid生成,服务端实
转载 2024-05-09 11:30:40
217阅读
vue使用过程中会遇到各种场景,当普通使用时觉得没什么,但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧,在下将不定期更新~ 1. 多图表resize事件去中心化 这里使用了lodash的节流throttle函数,也可以自己实现,这篇文章…
原创 2021-09-08 16:50:12
134阅读
15点赞
4评论
defineComponent函数1. 定义slot参数(vue@3.3支持)TS Playgroundimport { defineComponent, type SlotsType } from 'vue'; const Comp = defineComponent({ slots: Object as SlotsType<{ header: { foo: string;
原创 2023-10-25 16:43:55
485阅读
# Python中前端使用Vue Vue是一种用于构建用户界面的开源JavaScript框架,它提供了一种简单、灵活的方式来构建交互式的Web界面。Python作为一种流行的编程语言,也可以与Vue框架很好地集成在一起,为开发人员提供了更多的选择。 ## 为什么选择VueVue具有以下几个优点,使其成为前端开发的首选框架之一: 1. **简单易用**:Vue的语法简洁明了,易于上手,即
原创 2023-07-20 22:54:57
349阅读
# 在前端 Vue 项目中使用 Redis 的完整指南 随着前端开发的不断发展,很多开发者开始关注如何将前端框架(如 Vue)与后端技术(如 Redis)结合使用。在这个过程中,我们通常涉及到数据存储、缓存处理等需求。本文将指导你如何在 Vue 项目中使用 Redis。 ## 一、流程概述 在开始之前,我们需要了解整个流程的步骤。下面是我们将要遵循的步骤: | 步骤 |
原创 9月前
87阅读
前端服务器Nodejs,开发工具VsCode(我们为了和idea匹配使用WebStorm)1、安装Nodejs服务器安装步骤省略安装成功后在命令行窗口使用以下命令验证是否安装成功 node --version  2.1安装npm前端项目也需要依赖一些插件:比如axios elementui 我们就需要使用npm下载并安装到当前项目。这里我们不需要额外安装了,因为nodejs中内置了
原创 2022-07-31 00:07:49
84阅读
  • 1
  • 2
  • 3
  • 4
  • 5