Nov192022
Vue.js与React的区别与选择
在前端开发领域，Vue.js和React都是非常流行且常用的JavaScript框架。它们的目标都是提供一种灵活、高效的方式来构建用户界面，然而它们之间有一些重要的区别，我们在选择使用其中之一时需要考虑这些差异。
组件化
Vue.js和React都采用了组件化的开发模式，这使得代码更容易维护和复用。然而，两者在组件化的实现上有一些差异。
在Vue.js中，组件是Vue实例的扩展，通过Vue的选项来定义组...阅读全文
抢沙发
Nov082022
前端框架综述: React vs Angular vs Vue
前端开发已经成为现代Web应用程序开发的核心，前端框架在提高开发效率和用户体验方面起着重要的作用。React、Angular和Vue是目前最流行的前端框架之一。在本文中，我们将对这三个前端框架进行比较，以帮助您选择最适合您项目需求的框架。
React
React是由Facebook开发的一个用于构建用户界面的JavaScript库。它采用了组件化的思想，将页面拆分成多个可重用的组件，使得开发更加模块化和可...阅读全文
Oct262022
Vue-element-admin如何添加路由以及如何修改title
简介
Vue-element-admin是一个基于Vue.js和Element UI构建的全功能的前端解决方案。它提供了各种示例页面和功能模块，帮助开发者快速搭建后台管理系统。
在使用Vue-element-admin开发项目时，我们经常需要添加路由来实现页面的切换，同时也需要修改页面的标题来提高用户体验。本篇博客将介绍如何在Vue-element-admin中添加路由，以及如何修改页面的标题。
添加路由
在Vue-element-admin中...阅读全文
Oct222022
学习使用Vue.js和Vuex构建单页面应用
介绍
在前端开发中，Vue.js已经成为了一个非常流行且强大的框架。它的简洁语法和灵活的组件化模式吸引了越来越多的开发者。而在构建大型单页面应用时，Vue.js的状态管理库Vuex也可以帮助我们更好地管理和共享状态。
在本篇博客中，我们将学习如何使用Vue.js和Vuex构建一个单页面应用。我们将介绍Vue.js的基本概念以及如何使用Vue组件来构建UI界面。同时，我们还将使用Vuex来管理应用的状...阅读全文
Oct192022
Vue.js 3.x的新特性与开发体验
Vue.js是一款流行的JavaScript框架，用于构建用户界面。随着Vue.js 3.x版本的发布，它带来了许多令人兴奋的新特性和改进，提供了更好的开发体验。在本文中，我们将介绍Vue.js 3.x的一些新特性，并探讨它们对开发者来说意味着什么。
1. Composition API
Vue.js 3.x引入了Composition API，它是一种全新的组合式API，使开发者能够更灵活地组织和重用代码逻辑。相比原有的Options API，Compo...阅读全文
作者：绝缘体.. | 分类：javascript, typescript, vue, 前端技术, 编程语言 | 阅读： | 标签：javascript, typescript, vue, 体验, 开发者
Oct082022
Vue-Router的使用以及路由守卫的使用
1. Vue-Router简介
Vue-Router是Vue.js官方的路由管理库，能够实现单页面应用（SPA）的导航功能。它通过将组件映射到路由，然后在根组件中渲染这些组件，来实现页面的切换和导航。使用Vue-Router，我们可以轻松地实现前端页面的路由控制。
2. 安装和基本配置
首先，我们需要使用npm安装Vue-Router:
npm install vue-router
然后，在项目的入口文件（通常是main.js）中导入和配置Vue-Rout...阅读全文
Oct032022
在Vue.js中使用Vuex进行状态管理
什么是Vuex
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以可预测的方式进行状态的修改。在大型的、复杂的前端应用中，为了更好地管理和共享组件的状态，使用Vuex进行状态管理能够提高开发效率和代码的可维护性。
安装Vuex
首先，在Vue.js项目中安装Vuex。可以通过npm或者yarn进行安装：
npm install vuex --save
或者
yarn add vuex...阅读全文
Oct032022
Vue3 Watch函数解析与使用
简介
Vue3是近年来备受瞩目的前端框架，其提供了许多新的特性和功能，其中包括了改进和升级的watch函数。在本文中，我们将详细介绍Vue3中watch函数的用法和特点，并且解析其内部机制。
watch函数的基本用法
在Vue3中，watch函数的用法与Vue2中的$watch相似，但是有一些细微的差别。下面是一个简单的例子：
import { watch } from 'vue';
watch(
() => {
return this.count;
}...阅读全文
Sep252022
Sep202022
TypeScript中的路由导航与页面跳转控制
在前端开发中，页面之间的跳转是非常常见的需求。而在使用TypeScript进行开发时，我们可以通过路由导航来控制页面的跳转。在本文中，我们将介绍在TypeScript中如何实现路由导航与页面跳转的控制。
1. 安装路由库
首先，我们需要安装一个路由库来帮助我们实现路由导航功能。在TypeScript中，比较常用的路由库有react-router-dom和vue-router等。这里以react-router-dom为例进行说明。
可以...阅读全文