VUE
文章平均质量分 81
前端呆头鹅
这个作者很懒,什么都没留下…
展开
-
tsx零基础页面开发全流程(vue环境)
TSX是JSX的ts版,在react中用途甚广,其实vue中也支持使用TSX编写,本文可以带领大家快速上手 Vue 中的TSX 语法,一小时内掌握TSX独立开发,搭上新时代的列车。原创 2023-04-11 14:47:32 · 5740 阅读 · 0 评论 -
一口气拿下vue-router所有知识点,薪资暴涨3000
这篇vue-router科普文太哇塞!从全程手把手教你使用,到图文并茂解析基础原理,最后一行行敲代码带你实现自己的router,这些全部都有啦。原创 2022-06-24 00:34:44 · 917 阅读 · 3 评论 -
潇洒秘籍:这次助你无缝切换vue3
怎样才能做个说换就换的好男/女,这篇潇洒秘籍,助你无缝切换vue3原创 2022-01-26 19:14:10 · 1208 阅读 · 0 评论 -
全家桶:vuex从使用到实现(超简单面霸必备知识点)
vuex已是vue组件化开发中必备工具之一,面试官也越发重视,不懂vuex的你还卷的过吗,vuex实现真的不难!不难!不难!本文堪称面霸速成班,快来收藏吧。原创 2021-12-17 12:13:06 · 584 阅读 · 3 评论 -
30行代码实现拖动组件[拿来即用]
超级简单的拖拽实现,拿来即用。原创 2021-07-21 16:32:40 · 231 阅读 · 0 评论 -
vue项目级路由架构带你从零搭建 [新手秒懂]
文章目录一 路由引入与使用1.1 新建路由文件1.2 注册路由二 登录与注册路由配置三 内容菜单路由配置3.1 路由配置3.2 Layout组件示例四 配置404页面五 添加路由跳转动画六 布局优化成果展示:一 路由引入与使用1.1 新建路由文件首先在脚手架中添加文件router.js。import Vue from 'vue'import Router from 'vue-router'import Home from './view/home'Vue.use(Router)exp原创 2021-07-11 22:26:26 · 923 阅读 · 11 评论 -
vue实战:三分钟实现优雅弹框 [ 项目级组件封装 ][ 超详细 ]
本篇文章将封装一个优雅的项目级通用弹出框。该弹出框实现重用的同时,将内容与表现分离,让使用者可以专注于绘制弹框内容,而不用在意弹框的具体实现。文章阅读预计15分钟。原创 2021-07-05 14:44:46 · 3155 阅读 · 10 评论 -
vue-cli:学会优雅注册全局组件[无脑cv]
文章目录一 普通的全局注册1.1 定义1.2 注册1.3 使用二 优雅的全局注册2.1 注册2.2 使用2.3 添加全局组件一 普通的全局注册1.1 定义首先定义两个组件。// src>components>rk-a<template> <div class="rk-a"> 第一个全局组件rk-a </div></template>// src>components>rk-b<template&g原创 2021-07-02 11:18:19 · 400 阅读 · 12 评论 -
一篇搞定Vuex(含代码示例)
vue通信总结父对子:v-bind子对父:v-on兄弟组件之间:EventBus$on 接收数据的那个组件$emit 发送数据的那个组件Vuex是实现组件全局状态管理的一种机制,可以方便的实现组件数据共享。使用全局store管理Vuex 统一状态管理数据集中管理,易于开发和后期维护高效实现数据共享,提高开发效率存储vuex中的数据是响应式的,能够实时保持数据与页面的同步Vuex基础使用构建store.jsimport Vue from 'vue'import Vuex from原创 2020-10-26 15:36:39 · 246 阅读 · 1 评论 -
CLASS与CSS的绑定
CLASS与CSS的绑定动态方归纳直接绑定->数组语法变量为属性/类名本身,通过改变变量来动态的改变属性值,适用于属性值不确定的场合<div v-bind:class="[activeClass, errorClass]"></div>data: { activeClass: 'active', errorClass: 'text-danger'}间接绑定(判断性绑定)->对象语法属性/类名与变量为键值对形式,变量为布尔值,变量仅决定属性是否存原创 2020-09-02 15:58:45 · 808 阅读 · 0 评论