开发前沿 13284
Vue 组件组织结构及组件注册详情
目录 1、组件的组织 2、组件名 2.1 组件命名方式 3、全局注册 4、局部注册 1、组件的组织 通常一个应用会以一棵嵌套的组件树的形式来组织： 例如：我们可能会有页头、侧边栏、…
Vue 组件化基本使用详情
目录 1、什么叫做组件化 2、基本使用 前言： 有时候有一组html结构的代码，并且这个上面可能还绑定了事件。然后这段代码可能有多个地方都被使用到了，如果都是拷贝来拷贝去，很多代码…
vue全局实现数字千位分隔符格式
本文实例为大家分享了vue全局实现数字千位分隔符格式的具体代码，供大家参考，具体内容如下 这个是啥意思呢 ？ 就是我们在页面上需要渲染数据的时候，比如 88888，我们需要按照千分…
Vue 表单输入绑定v-model
目录 1.v-model 2.绑定的属性和事件 3.表单元素绑定 3.1 input绑定 3.2 textarea绑定 3.3 checkbox绑定 3.4 radio绑定 3.5…
vue实现div高度可拖拽
本文实例为大家分享了vue实现div高度可拖拽的具体代码，供大家参考，具体内容如下 这里有一个现成的demo，可以实现页面div的拖拽功能，但是和我想要的效果不是很一样，所以说后边…
Vue 购物车案例练习
目录 1.购物车案例 2.代码实现 3.总结 1.购物车案例 经过一系列的学习，我们这里来练习一个购物车的案例 需求：使用vue写一个表单页面，页面上有购买的数量，点击按钮+或者-…
vue 条件渲染v-if和v-show
目录 1、v-if 2、在<template>上使用v-if 3、用key管理可复用的元素 4、v-show 4.1v-if对比v-show 1、v-if 在模板中，可…
JavaScript实现标签页切换效果
本文实例为大家分享了JavaScript实现标签页切换效果的具体代码，供大家参考，具体内容如下 构建主体界面 HTML代码 <h1>实现标签页的切换效果</h1&…
关于Vue v-on指令的使用
目录 1、监听事件 2、传入event参数 3、事件修饰符 案例1：阻止单击事件继续传播 案例2：提交事件不再重载页面 1、监听事件 可以用 v-on 指令监听 DOM 事件，并在…
Vue 计算属性 computed
目录 1、基础例子 2、计算属性缓存 vs 方法 3、计算属性的 setter 前言： 一般情况下属性都是放到data中的，但是有些属性可能是需要经过一些逻辑计算后才能得出来，那么…
极速上手 VUE 3 teleport传送门组件及使用语法
目录 一、teleport 介绍 1.1、多个 teleport 使用 二、为什么使用 teleport 三、teleport 应用 四、初学者容易遇到的坑 一、teleport …
Vue指令的学习
目录 一、v-text（v-指令名="变量"，变量需要data提供数值） 二、v-html（可以解析html语法） 三、v-once（只渲染元素和组件一次） 四、v-cloak（防…
