Dec202019
解决 vue-element-admin 的 git clone 问题
背景
在使用 vue-element-admin 这个基于 Vue.js 和 Element UI 的开源后台管理系统时,我们可能会遇到一个问题,即在使用 git clone 命令克隆项目时无法输入韩文字符。这个问题会导致在某些场景下无法正确地使用该项目。
问题描述
具体来说,在使用以下命令克隆项目时:
git clone --depth=1 -q -b fix/ie-cannot-input-korean git://github.com/sohee-lee7/Squire.git
我们会遇到输入...阅读全文
抢沙发
Dec172019
HarmonyOS 装饰器下的状态管理与页面路由跳转
目录
ArkUI状态管理
@State装饰器
@Prop和@Link
@Provide和@Consume
@Observed和@ObjectLink
页面路由
ArkUI状态管理
在声明式UI中是以状态来驱动视图进行更新的,其中的核心概念就是状态和视图**。** 所谓状态就是驱动视图更新这个数据,或者说是我们自定义组件当中定义好的那些被装饰器标记好的变量;所谓视图就是指GUI描述渲染得到的用户界面;视图渲染好了之后用户就可以对视图中的...阅读全文
Nov282019
学习Vue CLI的快速开发环境搭建
Vue CLI是一个基于Vue.js进行快速开发的完整系统,它使用了最新的前端开发工具和最佳实践,能够帮助我们快速搭建Vue.js项目的开发环境。在本文中,我们将介绍Vue CLI的安装和使用,并展示一些常用的功能和配置。
1. 安装Node.js
在开始之前,我们需要先安装Node.js。你可以从官方网站(https://nodejs.org/)下载适合你操作系统的安装包,然后按照默认配置进行安装。
2. 安装Vue CLI
在安...阅读全文
Nov282019
Vue.js中的Vue DevTools安装与使用
介绍
Vue DevTools 是一款用于调试 Vue.js 应用程序的浏览器扩展程序。它提供了一组开发者工具,可以帮助我们更好地理解和调试 Vue.js 应用程序。本文将介绍如何安装和使用 Vue DevTools。
安装
Vue DevTools 可以通过浏览器的扩展商店安装,目前支持 Chrome 和 Firefox 浏览器。以下是安装步骤:
Chrome 浏览器
打开 Chrome 浏览器并打开 Chrome Web Store。
在搜索栏中输入 “Vue...阅读全文
Nov112019
Nov022019
使用Vue.js构建单页面应用
前言
在过去的几年中,前端开发的技术发展迅速。随着单页面应用的兴起,越来越多的前端开发人员开始使用Vue.js进行开发。Vue.js是一款轻量级的JavaScript框架,用于构建交互式的单页面应用。本文将介绍使用Vue.js构建单页面应用的基本步骤和一些常用功能。
步骤
步骤1:安装Vue.js
首先,我们需要通过npm或者yarn安装Vue.js。在命令行中运行以下命令进行安装:
npm install vue
或者
yar...阅读全文
Nov022019
Vue 3 Composition API状态管理最佳实践:Pinia与Vuex 4深度对比及迁移指南
Vue 3 Composition API状态管理最佳实践:Pinia与Vuex 4深度对比及迁移指南
标签:Vue 3, 状态管理, Pinia, Vuex, Composition API
简介:详细对比Vue 3生态系统中Pinia和Vuex 4两种状态管理方案的优缺点,深入分析Composition API下的状态管理模式,提供从Vuex到Pinia的完整迁移指南和实际项目应用案例。
引言:Vue 3时代的状态管理演进
随着 Vue 3 的正式发布,尤其是 Composition A...阅读全文
Sep252019
前端框架对比: Angular vs Vue vs React
在现代Web开发中,前端框架成为提高开发效率和用户体验的关键工具。Angular,Vue和React是当前最受欢迎的三个前端框架。本文将对它们进行对比,以帮助开发者在选择适合自己项目的框架时做出明智的决策。
Angular
Angular是由Google开发和维护的前端JavaScript框架。它使用TypeScript语言,并采用了一种基于组件的架构。以下是Angular的一些关键特点:
完整的框架:Angular是一个完整的...阅读全文
作者:绝缘体.. | 分类:angular, javascript, react, typescript, vue, 前端技术, 编程语言 | 阅读: | 标签:angular, javascript, react, typescript, vue
Sep212019
Sep182019
解决 Vue 文本溢出自动换行的方法
在 Vue 开发中,经常会遇到文本内容过长而导致溢出的情况,这对于页面的美观和用户体验来说并不理想。为了解决这个问题,我们可以借助一些 CSS 技巧和 Vue 组件来实现自动换行的效果。
方法一:使用 CSS 样式
首先,我们可以通过设置 CSS 样式来实现文本的自动换行。在需要自动换行的文本所在的 HTML 元素上,我们可以添加如下的样式:
.overflow-text {
overflow: hidden;
text-over...阅读全文