
简介
该用户还未填写简介
擅长的技术栈
未填写擅长的技术栈
可提供的服务
暂无可提供的服务
【Vue案例三】使用v-if指令 / component标签实现组件的切换
前面介绍了Vue中组件的创建方式和data及methods属性,本文我们来做一个Vue组件的切换案例,效果如下:这个效果相信大家都能搞定,本文希望通过这个案例来加深一下对组件的使用。我们通过前面介绍的 v-if 指令和 component 标签两种方式来实现这种效果。通过v-if控制实现<!DOCTYPE html><html lang="en"><head>&
【Vue】路由Router嵌套的实现及经典案例
Vue 中路由在使用的时候 嵌套 使用是非常频繁的,所以本文我们就来通过案例介绍一下嵌套路由的使用。Vue路由嵌套先来准备一个普通的路由案例:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script
【Vue】五个最常用的事件修饰符
事件修饰符概览修饰符说明.stop阻止冒泡.prevent阻止默认事件.capture添加事件侦听器时使用事件捕获模式.self只当事件在该元素本身(比如不是子元素)触发时触发回调.once事件只触发一次.stop.stop用来防止冒泡,我们先来看看冒泡的场景。<!DOCTYPE html><html lang="en"><head><meta chars
到底了