Vue
Vue学习笔记,参考:尚硅谷Vue2.0+Vue3.0全套教程
bearx...
攻城狮
展开
-
【Vue学习笔记】- 自定义指令
(2)、inserted:指令所在元素被插入页面时调用;(3)、uddate:指令所在模板结构被重新解析时调用。2、指令名如果是多个单词,要使用kebab-case((1)、bind:指令与元素成功绑定时调用;1、指令定义时不加 v-,但使用时要加 v-)命名法,不要用camelCase(二、配置对象常用的3个回调函数。原创 2023-04-14 20:41:00 · 349 阅读 · 1 评论 -
【Vue学习笔记】- 计算属性
2、原理:底层借助Pbject.defineproperty方法提供的getter和setter;4、优势:与methods实现相比,内部有缓存机制(复用),效率高。1、定义:要用的属性不存在,需要通过计算获取;3、get函数什么时候会执行?原创 2023-04-11 19:52:59 · 200 阅读 · 0 评论 -
【Vue学习笔记】- 键盘事件
2、Vue未提供别名的按键,可以使用按键原始的key值去绑定,但要转为kebab-case(短横线命名)配合keyup使用:按下修饰键同时,再按其他键,随后释放其他键,事件才被触发;5、Vue.config.keycode.自定义键名 = 键码,可以去定制按键别名。3、系统修饰键(特殊用法):ctrl、alt、shift、meta。配合keydown使用:正常触发事件。4、也可以使用keycode去指定具体的键(不推荐)原创 2023-03-25 12:35:12 · 536 阅读 · 0 评论 -
【Vue学习笔记】- 事件修饰符
只有event.target是当前操作的元素时才会触发事件;:事件的默认行为会立即执行,无需等待事件回调执行完毕;:事件只触发一次(常用);:阻止默认事件(常用);:阻止事件冒泡(常用);:使用事件的捕获模式;原创 2023-03-22 22:16:15 · 149 阅读 · 0 评论 -
【Vue学习笔记】- 事件的基本使用
4、methods中配置的函数,都是被Vue所管理的函数,this的指向是vm 或 组件实例对象;3、methods中配置的函数,不要用箭头函数!否则this就不是vm了;2、事件的回调需要配置在methods对象中,最终会在vm上;绑定事件,其中xxx是事件名;效果一直,但后者可以传参;原创 2023-03-22 21:25:21 · 77 阅读 · 0 评论 -
【Vue学习笔记】- 数据绑定
Vue中有两种数据绑定方式:1、单项数据绑定(v-bind):数据只能从data流向页面;原创 2023-03-08 23:27:50 · 526 阅读 · 0 评论 -
【Vue学习笔记】- 模板语法
Vue模板语法分为两大类:插值语法、指令语法;原创 2023-03-07 23:14:45 · 80 阅读 · 0 评论 -
【Vue学习笔记】- hello 案例
使用Vue就必须创建一个vue实例,并且要传入一些 配置对象(参数类型是一个对象);原创 2023-03-04 17:06:48 · 188 阅读 · 0 评论 -
【Vue学习笔记】- 认识Vue
【Vue学习笔记】- 认识Vue原创 2023-02-15 21:45:04 · 142 阅读 · 0 评论 -
【Vue学习笔记】- el与data的两种写法
(1)、new Vue的时候配置el属性;(2)、先创建Vue实例,随后再通过vm.$mount()挂载el的值。原创 2022-03-12 10:16:27 · 1415 阅读 · 0 评论 -
vue学习笔记2-数据绑定
学习视频参阅:尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通原创 2022-03-11 22:17:35 · 1081 阅读 · 0 评论 -
vue学习笔记1
学习视频参阅:尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通插值语法 {{ }} 往往用于标签体内<h1>{{xxx}}</h1>指令语法 (例如:v-bind) 往往用于动态绑定标签中的属性<span v-bind:title="bear"></span>v-bind:可简写为 :<span :title="bear"></span>总结:...原创 2022-03-10 22:44:51 · 276 阅读 · 0 评论