Feb152022
Vue-Element-Admin 使用心得
介绍
Vue-Element-Admin 是一个基于 Vue.js 和 Element UI 的后台管理系统框架。它提供了一套完整的后台管理界面模板，包括了常用的页面布局、表格、表单、图表等组件，方便开发人员快速构建高质量的后台管理系统。
使用感受
在使用 Vue-Element-Admin 开发项目时，我深深感受到了它的强大与便捷。下面是我在使用过程中的一些感受和心得。
1. 丰富的组件库
Vue-Element-Admin 提供了丰富...阅读全文
抢沙发
Feb012022
快速入门Vue.js开发
Vue.js是一种用于构建用户界面的JavaScript框架。它是一种轻量级、灵活且易于学习的框架，广泛用于Web应用的开发中。本文将带您快速入门Vue.js开发，并提供一些内容丰富的示例。
1. 安装Vue.js
要开始使用Vue.js，首先需要在您的项目中安装Vue.js。您可以通过以下方式安装Vue.js：
使用npm安装：
npm install vue
使用CDN链接：
<script src="https://cdn.jsdelivr.net/npm/vue"&...阅读全文
Jan142022
Vue3-40-路由-动态路由
什么是动态路由
在前端开发中，通常我们需要实现页面之间的跳转和参数传递。而动态路由是一种动态生成路由的方式，可以根据不同的参数来加载不同的组件和页面内容。
Vue Router动态路由的使用
在Vue Router中，我们可以使用/符号来定义动态路由，并通过$route.params来获取动态路由的参数。下面是一个使用动态路由的例子：
import { createWebHistory, createRouter } from 'vue-router';...阅读全文
Jan062022
如何使用Vue.js和Vuex构建一个复杂的前端应用程序
Vue.js 是一种流行的 JavaScript 框架，用于构建交互式的前端应用程序。而Vuex则是Vue.js的官方状态管理库，用于管理应用程序的状态。使用Vue.js和Vuex可以更高效地构建复杂的前端应用程序。
在本博客中，我们将介绍如何使用Vue.js和Vuex来构建一个复杂的前端应用程序。我们将从安装Vue.js和Vuex开始，并逐步了解如何组织和管理应用程序的状态。
1. 安装Vue.js和Vuex
首先，我们需要确保...阅读全文
Dec132021
Dec052021
下一代前端框架Svelte 5响应式系统预研：Signals机制与性能突破
下一代前端框架Svelte 5响应式系统预研：Signals机制与性能突破
引言
随着前端应用复杂度的不断提升，响应式系统的性能优化成为了现代前端框架的核心竞争点。Svelte 5作为下一代前端框架，引入了全新的Signals响应式系统，这一变革性的架构设计有望重新定义前端开发的性能标准。本文将深入分析Svelte 5的Signals机制，探讨其相较于传统虚拟DOM方案的性能优势，并展望其对未来前端开发范式...阅读全文
作者：绝缘体.. | 分类：javascript, react, typescript, vue, 前端技术, 编程语言 | 阅读： | 标签：javascript, react, typescript, vue, 编译
Dec032021
vue 使用forEach报错,this指向问题
vue 使用forEach的过程中，关于 this 的指向问题。
function PhpernoteChart(data) {
this.data = data;
this.width = 0;
this.data.list.forEach(function (item) {
if (this.width > parseInt(item.x)) {
this.width = parseInt(item.x);
}
});
}
var a = new PhpernoteChart(data);
每一个用function声明的函数在调用时都会在函数内...阅读全文
Dec012021
Angular vs Vue: 选择适合你的前端框架
前端开发领域发展迅猛，涌现出了许多优秀的前端框架和库。而在这些框架中，Angular和Vue.js是最受欢迎的两个选择。本文将介绍Angular和Vue.js的特点和优势，以帮助你选择适合你的前端框架。
Angular
Angular是由Google开发和维护的一款强大的前端框架。它采用了TypeScript语言，并提供了一套完整的解决方案来构建大型的、高性能的Web应用程序。以下是Angular的一些特点：
完整的生态系...阅读全文
Nov202021
Vue-element-admin如何使用动态菜单
介绍
Vue-element-admin是一个基于Vue.js和Element UI的开源管理系统模板，它提供了丰富的组件和功能，使得开发人员可以快速搭建和开发后台管理应用程序。
本文将介绍如何使用动态菜单功能，通过在Vue-element-admin中添加和管理动态菜单，实现根据用户权限动态展示菜单功能。
步骤
安装依赖
首先，我们需要确保已经安装了Node.js和npm，然后使用以下命令安装vue-element-admin：
npm ins...阅读全文
Nov152021
Vue 3 Composition API状态管理最佳实践：Pinia与Vuex深度对比，构建可维护的前端应用
Vue 3 Composition API状态管理最佳实践：Pinia与Vuex深度对比，构建可维护的前端应用
引言
随着Vue 3的普及和Composition API的广泛应用，状态管理作为前端应用的核心组成部分，正经历着重要的演进。Vue 3不仅带来了更好的TypeScript支持和更灵活的组件组织方式，也为状态管理提供了新的思路和工具。
在Vue 3生态系统中，Pinia作为新一代的状态管理库，凭借其简洁的API设计和与Compositi...阅读全文