vue基础指令
BonjourDZ
这个作者很懒,什么都没留下…
展开
-
vue 事件改变this指向
.事件中的this与数据操作1. 方法中的this代表vm对象a.方法和ES5的函数中的this是vm对象b.ES6的箭头函数中的this就不是vm==>因此推荐事件的函数采用ES6的对象的方法写方法 这种写法2. 操作数据: this.xx="新值"//这里的修改会执行两步操作://a.修改内存data容器中的数据//b.刷新UI==>重新设置innerHTMLfn4中的this指的是vm也是new vue这个对象...原创 2021-12-08 17:28:46 · 1790 阅读 · 0 评论 -
vue 事件 事件修饰符
.stop 阻止冒泡,阻止从当前元素经过的所有冒泡行为 .prevent 阻止默认事件 .capture 添加事件侦听器时让事件在捕获阶段触发 .self 其他元素的事件触发时 事件链经过它,无论是捕获还是冒泡阶段都不会触发它的事件,只有它自己是精准对象才会触发事件, 虽然它自己不会被别人影响,但是它自己的事件触发的时候还是会生成事件链经过其他元素,并不阻止继续冒泡到其他元素 .once 事件只触发一次,触发完之后,事件就解绑 多修饰符一...原创 2021-12-08 17:25:55 · 128 阅读 · 0 评论 -
vue2.事件绑定
通过v-on:click="fn"就行绑定//v-on: 和 @ 都是绑定事件的指令//指令后面跟事件类型,值就是methds中的方法,可以加小括号也可以不加<button v-on:click="fn1()">点击事件1</button><button @click="fn2">点击事件2</button>...原创 2021-12-08 17:24:15 · 255 阅读 · 0 评论 -
vue事件
1.方法的写法 在methods中写方法,供事件或者别的方法内部调用 方法的写法:由于是做了es6语法处理的 所以学过的所有方式的写法都行 v-click语法糖为@clickv-bind语法糖为:变量原创 2021-12-08 17:22:18 · 47 阅读 · 0 评论 -
vue 基础指令 插值的修改
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="...原创 2021-12-08 17:20:40 · 272 阅读 · 0 评论 -
vue基础指令3.v-bind属性绑定
所有标签中属性绑定js中变量:标准写法: v-bind:src="变量"简写形式: :src="[10,20,30]"通过v-on:click 事件指令达到更换照片地址的目的原创 2021-12-08 17:18:06 · 239 阅读 · 0 评论 -
vue-vm基础指令1.普通插值表达式插入数据
vue基础指令el指的是全局下的data是数据methods存储的是数据{{msg}}}是插值<a href="#">{{fn()}}</a> 引用的是methods里面的函数fn()的方法<h3>{{age>18?"可以抽烟":"未成年"}}</h3> 插值里面可以进行三目运算符的计算...原创 2021-12-08 17:00:49 · 237 阅读 · 0 评论