2022年6月28日
vue 构造函数，vue实例，挂载
摘要： Vue构造函数 vue的构造函数有两种Vue、Vue.extend(); Vue实例 Vue实例是通过构造函数生成的，场景说明 有一个组件配置对象Notice.vue需要追加body里 设计: 一个全局$create函数将Notice.vue变为真实dom追加到body上 export defaul 阅读全文
posted @ 2022-06-28 21:48 月花夕沉 阅读(290) 评论(0) 推荐(0)
vue生命周期，created，mounted,methods,computed,watched
摘要： 一、生命周期： beforecreate:一般使用场景是在加loading事件的时候 created:处在loading结束后，还做一些初始化，实现函数自执行（data数据已经初始化，但是Dom结构渲染完成，组件没有加载） beforemount:处于组件创建完成，还没开始操作 mounted:处于 阅读全文
posted @ 2022-06-28 18:51 月花夕沉 阅读(605) 评论(0) 推荐(0)
2022年6月27日
css选择器复习
摘要： 一、关于css属性选择器常用的有 id选择器（#box），选择器id为box的元素 类选择器（.one），选择器类名为one的所有元素 标签选择器（div），选择器标签为div的所有元素 后代选择器（#box div），选择id为box元素内部所有div元素 子选择器（.one>one_1），选择父 阅读全文
posted @ 2022-06-27 23:48 月花夕沉 阅读(134) 评论(0) 推荐(0)
2022年5月17日
ref的语法使用
摘要： ref 有三种用法： 1、ref 加在普通的元素上，用this.￥refs.（ref值） 获取到的是dom元素 2、 ref 加在子组件上 ， 用this.￥refs.(ref值) 获取到的就是组件实例 ，可以用组件的所有方法。 在使用方法的时候直接用 this.￥refs.(ref值).方法() 阅读全文
posted @ 2022-05-17 22:16 月花夕沉 阅读(561) 评论(0) 推荐(0)
Vue自定义事件
摘要： 父组件使用props传递数据给子组件，子组件怎么跟父组件通信呢？这时，Vue的自定义事件就派上用场了。 1、自定义事件 每个Vue创建的实例都会出现一个事件接口 var vm = new Vue({ el: '#app' }) 自定义事件的定义(发布) ` //vm.$on(自定义事件的名称，自定义 阅读全文
posted @ 2022-05-17 22:04 月花夕沉 阅读(1192) 评论(0) 推荐(0)
计算属性_计算属性和侦听属性
摘要： 计算属性可以写成一个函数也可以写成一个对象，但对象中必须要有 get 方法，如果没有写 set 方法，则默认为 set 函数为空函数，由于计算属性是计算而来的，赋值的情况很少，所以下面的逻辑省略了 setter 的部分。计算属性的初始化是发生在 Vue 实例初始化的 initState 函数中，其中 阅读全文
posted @ 2022-05-17 21:59 月花夕沉 阅读(30) 评论(0) 推荐(0)
vue计算属性，计算属性简写
摘要： 、计算属性 1·定义：要用的属性不存在，要通过已有属性计算得来 2·原理：底层借助了Object.defineproperty方法提供的getter和setter 3·get函数什么时候执行？ （1）初次读取时会执行一次，（2）当依赖的数据发生改变时会被再次调用 4·优势：与methods实现相比， 阅读全文
posted @ 2022-05-17 21:55 月花夕沉 阅读(42) 评论(0) 推荐(0)
computed计算属性特点
摘要： computed计算属性的三个特点 1.计算属性使用时当作普通属性使用，不能加()当方法使用 2.计算属性的function内部，任何data发生改变，这个计算属性就会重新计算 3.计算属性的结果会被暂时缓存，方便下次使用 ` var vm = new Vue({ el:"#app", data:{ 阅读全文
posted @ 2022-05-17 21:50 月花夕沉 阅读(168) 评论(0) 推荐(0)
Vue中的计算属性
摘要： 计算属性： 1.为什么要用计算属性？ 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护 2.计算属性概念： 顾名思义，首先它是一种属性，其次它有“计算”这个特殊性质。每次取得它的值的时候，它并不像普通属性那样直接返回结果，而是经过一系列的计算之 阅读全文
posted @ 2022-05-17 21:47 月花夕沉 阅读(303) 评论(0) 推荐(0)
vue生命周期执行顺序
摘要： vue官网说，“你暂时不用搞清楚这些...",我觉得你既然准备用vue做开发的，不搞懂搞透它，你以后会发现踩的坑终究还是有它引起的，等以后再来补坑，不如现在就拿下它。 以下主要从几个方面来讲： 1.vue的生命周期是什么 2.vue生命周期的在项目中的执行顺序 3.vue中内置的方法 属性和vue生 阅读全文
posted @ 2022-05-17 21:38 月花夕沉 阅读(3837) 评论(0) 推荐(0)