Mar232021
学习Vue.js中的插件开发
Vue.js是一个流行的JavaScript框架，用于构建用户界面。它提供了许多强大的特性，例如数据驱动的视图和组件化开发。除了Vue.js自带的功能外，我们还可以通过开发插件来扩展Vue.js的功能。
什么是Vue.js插件？
Vue.js插件是一种可重用的Vue.js组件，它可以通过Vue.use()方法全局安装，并在整个Vue应用中使用。插件通常包含了一些特定的功能或工具，以帮助我们更方便地开发Vue.js应用。
开...阅读全文
抢沙发
Mar192021
Mar142021
全面解析Vue.js框架：从入门到实践
“Vue.js是一套构建用户界面的渐进式JavaScript框架。” – Vue.js官方文档
Vue.js是一个轻量级的JavaScript框架，专注于构建用户界面。它易于学习和使用，具有响应式的数据绑定和组件化的开发思想，使得开发者能够更高效地构建动态、快速、可维护的Web应用程序。
本篇博客将从入门到实践，全面解析Vue.js框架，并提供一些实用的示例和应用。
开始之前
在学习Vue.js之前，你需要具备一些基...阅读全文
Mar112021
Vue-Element-Admin中Tab菜单实现拖拽
在Vue-Element-Admin中，我们经常使用Tab菜单来展示和切换不同的页面。然而，默认情况下并不支持拖拽Tab进行排序，这可能会对用户的操作体验造成一定的影响。在本文中，我们将介绍如何在Vue-Element-Admin中实现Tab菜单的拖拽功能。
准备工作
首先，我们需要在Vue-Element-Admin项目中安装一个拖拽功能的插件。推荐使用vuedraggable插件，它提供了很多强大的功能和可定制性。
安装vuedra...阅读全文
Mar052021
Vue 安装 Vue-router 路由安装以及使用
在Vue项目中，Vue-router是非常重要的插件，它能够帮助我们实现页面的路由控制和管理。在本篇博客中，我将介绍如何安装Vue-router，并展示如何使用它。
安装Vue-router
首先，我们需要在Vue项目中安装Vue-router。打开终端，进入你的项目目录，并执行以下命令：
npm install vue-router
安装完成后，我们可以在项目中引入Vue-router：
import Vue from 'vue'
import VueRouter from 'vue...阅读全文
Mar022021
Vue-element-admin实现后台接口返回路由，前端动态生成路由菜单
介绍
在Vue.js开发中，使用Vue-element-admin框架可以轻松快速搭建出功能齐全的后台管理系统。通常，后台管理系统需要根据用户权限来动态生成菜单路由，以便用户可以根据自身权限进行相应的操作。本文将介绍如何利用Vue-element-admin框架实现后台接口返回路由，并在前端根据这些路由数据动态生成菜单。
实现步骤
1. 后台接口返回路由数据
首先，我们需要在后台接口中返回路由数据。这些...阅读全文
Feb282021
Vue-Devtools 快速安装配置教程
介绍
Vue-Devtools 是一个支持 Vue.js 应用程序的浏览器开发者工具。它通过提供一个开发者友好的界面，让你可以实时检查组件层次结构、Props、数据、事件等，从而方便快捷地调试和优化你的 Vue 应用程序。
在本篇教程中，我们将探讨如何快速安装和配置 Vue-Devtools。
步骤
1. 安装 Vue-Devtools 插件
首先，我们需要在浏览器中安装 Vue-Devtools 的插件。Vue-Devtools 目前支持 Google C...阅读全文
Feb202021
使用Vue.js和Vuex构建大型应用程序
Vue.js是一个轻量级的JavaScript框架，可以帮助开发者构建交互式的用户界面。它具有易于上手、高效、灵活等特点，因此在前端开发中得到了广泛的应用。而Vuex则是一个为Vue.js应用程序提供集中式状态管理的插件，用于管理应用程序中的数据流，并提供状态的统一管理和调用。
本文将介绍如何使用Vue.js和Vuex构建一个大型应用程序，并讨论它们的优点和用途。
1. 安装和初始化Vue.js和Vuex
首...阅读全文
Feb202021
Vue.js生命周期：理解Vue实例的整个过程
介绍
Vue.js是一款流行的JavaScript框架，用于构建用户界面。Vue实例是Vue.js的核心特性之一，它代表了一个可以被Vue.js管理和操作的对象。Vue实例具有生命周期，即在创建、更新和销毁过程中的一系列事件。
在本文中，我们将深入探讨Vue实例的生命周期，并理解Vue实例在整个过程中的各种事件和钩子函数。
Vue实例的生命周期
Vue实例的生命周期可以分为三个阶段：创建阶段、更新阶段和销毁...阅读全文
Jan252021
Vue Element UI 的Form表单中动态rules的设置
引言
在使用Vue和Element UI开发前端页面时，经常会遇到需要对表单进行校验的场景。Element UI提供了一套方便易用的表单校验规则（Rules）机制，帮助我们实现表单校验的功能。然而，有时候我们需要根据不同的条件动态地设置表单的校验规则。本文将介绍如何在Vue和Element UI的Form表单中实现动态rules的设置。
准备工作
在开始之前，我们需要先安装并引入Vue和Element UI。你可以通过以下...阅读全文