- 博客(4)
- 收藏
- 关注
RSS订阅原创 Vue的事件处理
点击按钮，阻止事件冒泡，只弹出一次对话框。点击链接，阻止默认事件和事件冒泡，只弹出一次对话框并且不进行页面跳转。2. Vue未提供别名的按键，可以使用按键原始的key值去绑定，但注意要转为kebab-case（短横线命名）4.methods中配置的函数，都是被Vue所管理的函数，this的指向是vm或组件实例对象。（1）配合keyup使用：按下修饰键的同时，在按下其他键，随后释放其他键，事件才被触发。第一次点击按钮，弹出对话框。点击div2，控制台分别输出1、2，点击div1，控制台只输出1。
2023-06-15 17:35:16
90
1
原创 Vue中的数据代理
Object.defineproperty 的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性。通过 Object.defineproperty 给对象obj2定义一个属性和事件，可以通过改变obj2中x的值来代理obj中x的值。1.Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写）（3）在getter/setter内部去操作（读/写）data中对应的属性。2.Vue中数据代理的好处：更加方便的操作data中的数据。
2023-06-13 21:09:46
310
1
原创 el与data的两种写法&&数据绑定&&MVVM模型
1.el的两种写法（1）.new Vue时候配置el属性（2）.先创建Vue实例，随后再通过vm.$mount('#root')指定el的值2.data的两种写法（1）.对象式（2）.函数式：学习Vue组件时，data必须使用函数式，否则会报错：由于Vue管理的函数，一定不要写箭头函数，一旦写了箭头函数，this就不在是Vue实例了控制台输出，此处的this对象是Vue实例。
2023-06-12 10:27:02
136
原创 初识Vue&模板语法
举例：v-bind：href="xxx" 或 简写为 :href="xxx"，xxx同样要写js表达式，且xxx可以自动读取到data中的所有属性。写法：{{xxx}}，xxx是js表达式，且xxx可以自动读取到data中的所有属性。备注：vue中有很多指令，且形式都是 v-?6.{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性。功能：用于解析标签（包括：标签属性、标签体内容、绑定事件...1.表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方。
2023-06-09 17:26:02
126
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人