logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

一篇文章就懂的flex布局

有没有人跟我一样当看到justify-content:center与align-items:center这两个属性都一脸蒙圈,傻傻分不清???那么今天跟着我一起来学习flex布局吧!!!1、基本概念main axis:主轴 cross axis:交叉轴flex容器中一般有两条轴,一条是主轴,另一条是交叉轴。默认情况下:水平方向是主轴,垂直方向是交叉轴且容器当中的每个单元称之为flex item(就

文章图片
#css
创建vue3项目

本文主要介绍在已经安装配置好nodejs的情况下,利用vuecli创建vue项目

#vue.js#javascript#前端
Vue3 路由钩子的使用

VueRouter提供了一些路由钩子函数,允许开发者在不同的路由生命周期阶段执行自定义逻辑,从而实现更为灵活的路由控制。以下是VueRouter的一些常用路由钩子函数

#vue.js#前端#javascript
vue3 响应式之ref、reative、toRef和toRefs

基于对vue的响应式系统的理解,本文浅谈一下reactive、ref、toRef和toRefs的区别于使用,有错请大神指出!!!

文章图片
#javascript#vue.js#前端
创建vue3项目

本文主要介绍在已经安装配置好nodejs的情况下,利用vuecli创建vue项目

#vue.js#javascript#前端
Vue3+ElementPlus项目使用iconfont阿里图标

回顾一下上篇文章的内容,Element UI 使用的是阿里巴巴的图标库,通过字体图标的用法(即使用 el-icon-xxx 的类名)来引入图标。。而Element Plus 抛弃了字体图标的用法,而直接使用了 svg 图标。  那么在Element Plus框架内使用阿里图标又该如何实现?本篇文章就是讲述Vue3+ElementPlus项目使用iconfont阿里图标的方法。

文章图片
#vue.js#前端#javascript
vuecli3引入Element-plus

element-ui是vuecli2版本,与vuecli3版本不兼容,故vuecli3则是使用element-plus。

文章图片
#javascript#vue.js#前端
vue3-父子组件间通信

在实际业务开发的过程中,我们时常会遇到组件间的通信问题,比如:父子组件间通信、同级组件间通信等。本篇文章中主要介绍父子组件间通信。

文章图片
#javascript#vue.js#前端
VSCode修改扩展和用户文件夹目录位置(Windows)

随着需求的不断增多,扩展和用户信息文件也会不断挤压C盘的可存空间。所以修改两个文件的目录位置刻不容缓。需要注意的是,VSCode并不支持自定义目录位置,需要用其他方式指定目录位置。  本文主要讲述 Windows 下,修改VSCode扩展和用户文件夹的目录位置的方法。

文章图片
#vscode#windows
Vue3 keep-alive

Vue3中的keep-alive可以用于优化组件渲染的性能。例如,在一个页面中,有一些组件不需要每次访问时都重新渲染,可以使用keep-alive将这些组件缓存起来,只在第一次或数据变化时渲染更新。这样做可以减少组件的重复渲染,提高页面的响应速度。同时,keep-alive也可以用于处理一些需要缓存的数据,例如用户登录状态等。  本文主要介绍Vue3中keep-alive的使用。

#vue.js#前端#javascript
    共 11 条
  • 1
  • 2
  • 请选择