![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE学习
vue从入门到入坑
NL_LIU
这个作者很懒,什么都没留下…
展开
-
VUE深度监视属性
(1).Vue自身可以监测对象内部值的改变,但Vue提供的watch默认不可以!(2).使用watch时根据数据的具体结构,决定是否采用深度监视。(1).Vue中的watch默认不监测对象内部值的改变(一层)。(2).配置deep:true可以监测对象内部值改变(多层)。原创 2023-11-07 08:43:14 · 68 阅读 · 0 评论 -
VUE 监视属性watch
1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作。(1).new Vue时传入watch配置。(2).通过vm.$watch监视。2.监视的属性必须存在,才能进行监视!原创 2023-11-06 21:09:36 · 27 阅读 · 0 评论 -
VUE计算属性实现(简单写)
【代码】VUE计算属性实现(简单写)原创 2023-11-02 17:39:06 · 33 阅读 · 0 评论 -
VUE计算属性的实现
2.如果计算属性要被修改,那必须写set函数去响应修改,且set中要引起计算时依赖的数据发生改变。2.原理:底层借助了Objcet.defineproperty方法提供的getter和setter。4.优势:与methods实现相比,内部有缓存机制(复用),效率更高,调试方便。(2).当依赖的数据发生改变时会被再次调用。1.计算属性最终会出现在vm上,直接读取使用即可。(1).初次读取时会执行一次。1.定义:要用的属性不存在,要通过已有属性计算得来。computed:用来计算属性的方法。原创 2023-11-02 16:15:14 · 34 阅读 · 0 评论 -
VUE使用method进行计算属性
【代码】VUE使用method进行计算属性。原创 2023-11-02 13:32:59 · 108 阅读 · 0 评论 -
VUE差值语法进行计算属性
【代码】VUE差值语法进行计算属性。原创 2023-11-02 13:31:08 · 42 阅读 · 0 评论 -
VUE键盘事件的触发
换行 => tab (特殊,必须配合keydown去使用)删除 => delete (捕获“删除”和“退格”键)(1).配合keyup使用:按下修饰键的同时,再按下其他键,随后释放其他键,事件才被触发。2.Vue未提供别名的按键,可以使用按键原始的key值去绑定,但注意要转为kebab-case(短横线命名)5.Vue.config.keyCodes.自定义键名 = 键码,可以去定制按键别名。回车 => enter。空格 => space。右 => right。原创 2023-11-01 22:59:25 · 372 阅读 · 0 评论 -
js获取键盘输入的方法
vue原创 2023-11-01 22:43:55 · 319 阅读 · 0 评论 -
Vue中的事件修饰符
1.prevent:阻止默认事件(常用);可以阻止a标签的默认跳转行为用法(@click.prevent)也可以。5.self:只有event.target是当前操作的元素时才触发事件;2.stop:阻止事件冒泡(常用);传统js写法 vue写法在下方。6.passive:事件的默认行为立即执行,无需等待事件回调执行完毕;4.capture:使用事件的捕获模式;3.once:事件只触发一次(常用);原创 2023-11-01 22:23:24 · 38 阅读 · 0 评论 -
VUE事件的基本使用
5.@click="demo" 和 @click="demo($event)" 效果一致,但后者可以传参;4.methods中配置的函数,都是被Vue所管理的函数,this的指向是vm 或 组件实例对象;3.methods中配置的函数,不要用箭头函数!否则this就不是vm了;1.使用v-on:xxx 或 @xxx 绑定事件,其中xxx是事件名;2.事件的回调需要配置在methods对象中,最终会在vm上;原创 2023-11-01 21:31:15 · 31 阅读 · 0 评论 -
Vue中的数据代理
通过Object.defineProperty()把data对象中所有属性添加到vm上。在getter/setter内部去操作(读/写)data中对应的属性。为每一个添加到vm上的属性,都指定一个getter/setter。通过vm对象来代理data对象中属性的操作(读/写)更加方便的操作data中的数据。原创 2023-11-01 15:42:06 · 28 阅读 · 0 评论 -
VUE 何为数据代理
【代码】VUE 何为数据代理。原创 2023-11-01 15:34:24 · 25 阅读 · 0 评论 -
回顾Object.defineproperty方法
【代码】回顾Object.defineproperty方法。原创 2023-11-01 15:31:18 · 25 阅读 · 0 评论 -
VUE理解MVVM
2.vm身上所有的属性 及 Vue原型上所有属性,在Vue模板中都可以直接使用。3. VM:视图模型(ViewModel):Vue实例。1.data中所有的属性,最后都出现在了vm身上。1. M:模型(Model) :data中的数据。2. V:视图(View) :模板代码。原创 2023-11-01 15:28:08 · 28 阅读 · 0 评论 -
Vuedata与el的2种写法
由Vue管理的函数,一定不要写箭头函数,一旦写了箭头函数,this就不再是Vue实例了。(2).先创建Vue实例,随后再通过vm.$mount('#root')指定el的值。如何选择:目前哪种写法都可以,以后学习到组件时,data必须使用函数式,否则会报错。(1).new Vue时候配置el属性。2.data有2种写法。data与el的2种写法。原创 2023-11-01 15:23:58 · 30 阅读 · 0 评论 -
VUE的模板语言
举例:v-bind:href="xxx" 或 简写为 :href="xxx",xxx同样要写js表达式,备注:Vue中有很多的指令,且形式都是:v-?,此处我们只是拿v-bind举个例子。写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性。功能:用于解析标签(包括:标签属性、标签体内容、绑定事件.....)。且可以直接读取到data中的所有属性。功能:用于解析标签体内容。原创 2023-11-01 15:14:25 · 32 阅读 · 0 评论 -
初识VUE
【代码】初识VUE。原创 2023-11-01 15:10:02 · 23 阅读 · 0 评论