![](https://img-blog.csdnimg.cn/839e2f32d7ee425cb3d29b1dc32c0b3a.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue学习
文章平均质量分 50
开始自学vue,每天做笔记
爱前端的小张
这个作者很懒,什么都没留下…
展开
-
.sync的使用(包括讲解props属性和$emit方法以及组件间通信传值)
vue组件间通信,父传子,子传父,同级传。.sync的使用,$emit和props全局事件总线的介绍原创 2023-01-10 13:59:14 · 2414 阅读 · 0 评论 -
vue中的计算属性
计算属性:1.定义:要用的属性不存在,要通过已有属性计算得来。2.原理:底层借助了0bjcet.defineproperty方法提供的getter和setter.3.get函数什么时候执行?(1).初次读取时会执行一次。(2).当依赖的数据发生改变时会被再次调用。4.优势:与methods实现相比,内部有缓存机制(复用),效率更高,调试方便。5.备注:1.计算属性最终会出现在vm上,直接读取使用即可。2.如果计算属性要被修改,那必须写set函数去响应修改,且set中要引起计算时依赖的数据发原创 2022-05-16 17:45:54 · 336 阅读 · 0 评论 -
vue中的事件处理
1.事件的基本使用 基本知识:1.使用v-on:xxx 或 @xxx 绑定事件,其中xxx是事件名 2.事件的回调需要配置在methods对象中,最终会在vm上 3.method是中配置的函数,不再用箭头函数,否则this就不是vm了 4.methods中配置的函数,都是被vue所管理的函数 ,this的指向是 vm 或 组件实例对象 5.@click="d...原创 2022-05-15 23:02:31 · 271 阅读 · 0 评论 -
vue中的数据代理
数据代理是什么:通过一个对象代理,对另一个对象中属性的操作简单就是说:可以通过 对象b 对 对象a 中的属性进行操作这里我学到的数据代理是用Object.defineProperty这个方法进行操作 let obj = {x:100}; let obj2 = {y:200}; Object.defineProperty(obj2,'x',{ get(){ return obj.x; //这里添加的obj2的原创 2022-05-14 18:16:10 · 1794 阅读 · 0 评论 -
Object.defineProperty方法
这个方法可以给对象添加新的属性这个方法接受3个参数Object.defineProperty(1,2,3) 1:要给哪个对象添加属性 2:添加的属性名 3:配置项,里面可以有很多参数配置项中有很多参数,常见的有如下:1.value:添加的属性对应的值,默认为undefined2.enumerable: 表示能否通过for in循环访问属性,默认值为false3. writable: 表示能否修改属性的值。默认值为false。4.configurable:原创 2022-05-13 10:16:55 · 107 阅读 · 0 评论 -
控制台中没有vue
vue有两个文件,一个开发版本(体积大),一个生产版本(体积小)一般情况下只有用的是min版本的才会出现这种情况,但是这次使用不知道怎么使用开发版本的也没有了vuevue的图标是亮着的,但是控制台就是没有vue于是我在代码中加了一句,发现可以了Vue.config.devtools = true;...原创 2022-05-12 19:12:08 · 927 阅读 · 0 评论 -
vue中的数据绑定
vue中有2种数据绑定的方式:1.单向绑定(v-bind): 数据只能从data流向页面2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data注意:1.双向绑定一般都应用在表单类元素上(输入类元素,有value值)2.v-model:value 可以简写为 v-model,因为v-model默认收集的就是value值 单向数据绑定:<input type="text" v-bind:value="name"> <br/>原创 2022-05-12 18:51:57 · 3745 阅读 · 0 评论 -
vue模板语法
vue模板有两大类:1.插值语法功能:用于解析标签体内容写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的全部属性2.指令语法功能:用于解析标签(包括:标签属性,标签体内容,绑定事件。。。。)写法:v-bind:href=“xxx” 或简写为 :href=“xxx” ,xxx时js表达式,且可以直接读取到data中的全部属性注意:vue有很多指令,且都是v-xxx,这里用v-bind举例<!-- 准备一个容器 --> <div class="r原创 2022-05-12 16:59:14 · 106 阅读 · 0 评论