.prevent 调用event.preventDefault(),阻止默认行为。 .capture 在捕获阶段触发事件处理函数(而非冒泡阶段)。 .self 只有当事件是从绑定元素本身触发时才执行处理函数。 .once 事件只会触发一次。 scroll事件常见修饰符 .passive 提升滚动性能,表示事件处理函数不会调用event.preventDefault()。 优化滚动性能 键盘按键常见...
Vue 基础用法 目标 Vue 基础用法 vue.js 简介 vue.js 模版及指令 vue.js 事件/数据绑定 vue.js 组件化 标签中的新属性 vue.js 组件 生命周期 扫盲点,游刃有余。 一、Vue 简介 1.1 前端框架进化史 1.1.1 目标: 简单聊聊对于 MVVM 的了解(面试题) (主干与旁支,发家史,进化史)、产生过程、重点是什么 ...
上述的API被软废弃(3.0正式废弃),取而代之的是内置指令v-slot,可以缩写为【#】 子组件用法保持不变,父组件中 slot属性弃用,具名插槽通过指令参数v-slot:插槽名的形式传入,可以简化为#插槽名 slot-scope属性弃用,作用域插槽通过v-slot:xxx="slotProps"的slotProps来获取子组件传出的属性 v-slot属性只能在templat...
{{}}的用法叫做插值表达式 {{msg}} new Vue({ el:"#root", data:{ msg:"Hello world !" } }) 我们已经成功创建了第一个 Vue 应用!看起来这跟渲染一个字符串模板非常类似,但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联,所有东西都是响应式的。我们要怎么确认呢?打开你的浏览器...
Vue中this.$set的用法// 数组:第一个参数是要修改的数组, 第二个值是修改的下标或字段,第三个是要修改成什么值// 对象:第一个参数是要修改的对象, 第二个值是修改属性字段,第三个是要修改成什么值Vue.set(target,propertyName/index,value)参数{Object|Array}target{string|number}propertyName/index{any}...
vue的基本用法 1、vue实例 vue 要在body标签里面,引入一对script标签,src="vue.js"导入vue 再引入一对script来new一个vue的实例,使用 被下面的Vue实例接管 //new 一个Vue对象newVue({ el:'#app',//el:代表接管的div元素-id是appdata: {//data 是对象里面的...
在Vue 3.0 中,Promise 是一种用于处理异步操作的强大机制。它比传统的回调函数更加合理和易用。本文将深入探讨 Vue 3.0 中 Promise 的用法。 Promise 是一个对象,它代表了异步操作的结果。通过 Promise,我们可以获取异步操作成功或失败的信息。Promise 有三种状态:pending(进行中)、resolved(已成功)和rejected(已失败...
简介:Vue(二)vue 指令及用法举例 一、Vue 指令 5. v-for 专门在网页中根据一个数组或对象的成员,连续生成多个结构相同,内容不同的一组 html 元素的特殊指令,只要连续生成一组结构相同,但是内容不同的 HTML 元素时,都用 v-for 批量生成。 <要反复生成的元素 v-for="(元素值, 下标) of 数组"><要反复生...
基础用法 以下是<keep-alive>组件的示例用法, <keep-alive :include="['a', 'b']" :max="10"><component :is="view"></component></keep-alive> 复制代码 属性Props include 字符串或表达式。只有名称匹配的组件会被缓存。 exclude 字符串或正则表达式。任务名称匹配的组件都不会被缓存。