vue
小杰同学i
这个作者很懒,什么都没留下…
展开
-
【无标题】
指令的作用主要用于DOM操作Vue实例/组件用于数据绑定、事件监听、DOM更新Vue指令主要目的就是原生DOM操作减少重复如果某个DOM操作你经常使用,就可以封装为指令如果某个DOM操作比较复杂,也可以封装为指令mixins混入的作用减少重复directives的作用是减少DOM操作的重复mixins的作用是减少data、methods、钩子的重复...原创 2022-04-22 22:55:12 · 68 阅读 · 0 评论 -
.sync 修饰符
场景描述爸爸给儿子钱,儿子要花钱怎么办,答:儿子打电话(触发事件)向爸爸要钱Vue规则 :组件不能修改props外部数据Vue规则: this.$emit可以触发事件,并传参Vue规则:$event可以获取$emit的参数不要问我为什么有上面三条规则,尤雨溪定的由于这种场景很常见所以尤雨溪发明了 .sync,:money.sync="total"等价于 :money="total" v-on:update:money="total= $event"我们再讲事件的时原创 2022-04-15 14:56:56 · 521 阅读 · 0 评论 -
Vue中的指令,修饰符
Vue中的指令,修饰符原创 2022-04-15 10:42:02 · 535 阅读 · 0 评论 -
Vue模板里面有哪些语法
我们把HTML模板叫做template展示内容表达式{{object.a}}表达式{{n+1}}可以些任何运算{{fn(n)}}可以调用函数如果值为undefinde或者null 就不显示另一种写法为<div v-text="表达式"></div>HTML内容假设data.x值为<strong>hi<>strong><div v-html="x"></div>即可显示粗体的hi我原创 2022-04-15 10:11:36 · 107 阅读 · 0 评论 -
面试题computed和watch的区别
computed和watch的区别1.英文翻译成中文computed就是计算属性的意思,是用来计算出一个值的,这个值我们在调用的时候1、不需要加括号2、根据依赖缓存watch就是监听的意思1、immediat表示是否第一次执行这个函数2、deep2.各自描述(可用代码例子)...原创 2022-04-12 15:29:11 · 535 阅读 · 0 评论 -
watch -侦听
用途当数据变化时,执行一个函数例1:撤销例2:模拟computed,说实话,这样做很傻原创 2022-04-12 14:40:47 · 86 阅读 · 0 评论 -
computed -计算属性
用途被计算出来的属性就是计算属性例1:用户名展示例2:列表展示缓存如果依赖的属性没有变化,就不会重新计算getter / setter默认不会做缓存,Vue做了特殊处理如何缓存?看示例。这是示例,不代表 Vue这样实现...原创 2022-04-12 09:34:05 · 60 阅读 · 0 评论 -
Vue进阶属性
computered -计算属性不需要加括号它会根据依赖是否变化来缓存watch - 侦听一旦data变化,就执行的函数options.watch用法this.$watch用法deep,immediate含义directives - 指令内置指令 v-if / v-for / v-bind / v-on自定义指令,如v-focus指令是为了减少重复的DOM操作mixin - 混入重复三次之后的出路混入v.s.全局混入选项自动合并混入原创 2022-04-11 16:31:56 · 476 阅读 · 0 评论 -
Vue入门属性
Vue入门属性原创 2022-04-12 00:30:00 · 54 阅读 · 0 评论 -
data中有数组怎么办
你没法前提声明所有key示例1:数组的长度可以一直增加,下标就是key你看,你没有办法前提把数组的key都声明出来Vue也不能检测对你新增了下标难道每次改数组都要用Vue.set或者this.$set尤雨溪的做法篡改数组的api,见文档中【变异方法】章节这7个API都会被Vue篡改,调用后会更新UI总结:对象中新增的keyVue没有办法实现监听和代理要使用set来新增key,创建监听和代理,更新UI最好前提把属性都写出来,不要新增key但数组做不到【不原创 2022-04-11 16:07:17 · 254 阅读 · 0 评论 -
小结Object.defineProperty / 啥是代理(设计模式) / vm=new Vue({data:myData})
Object.defineProperty可以给对象添加属性value可以给对象添加getter/settinggetter/setting用于对属性的读写进行监控啥是代理(设计模式)对myData对象的属性读写,全权由另一个对象vm负责那么vm就是myData的代理(类比房东租房)比如myData.n偏要vm.来操作myData.nvm=new Vue({data:myData})1、会让vm成为myData的代理(proxy)2、会对myData的原创 2022-04-11 15:23:48 · 689 阅读 · 0 评论 -
数据响应式
什么是响应式我打你一拳,你会喊疼,那你就是响应式的若一个物体能对外界的刺激做出反应,它就是响应式Vue的data是响应式const vm = new Vue({data:{n:0}})我如果修改vm.n那么UI中的n就会响应我Vue2通过Object.defineProperty来实现数据响应式响应式网页是啥?如果我改变窗口大小,网页内容会做出响应,那就是响应式网页比如https://www.smashingmagazine.com/但是你要注意,用户没事不会原创 2022-04-11 15:22:42 · 520 阅读 · 0 评论 -
options里面有什么
文档英文文档里面搜options,中文文档里搜选项即可得到所有相关文档options的五类属性数据:data、props、propsData、computed、methods、watchDOM:el、template、render、renderError生命周期钩子:beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、activated、deactivated、beforeDestroy、destroyed、er原创 2022-04-11 10:12:28 · 844 阅读 · 0 评论 -
Vue实例
原创 2022-04-10 13:22:02 · 44 阅读 · 0 评论