![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 63
CranberryPancake
这个作者很懒,什么都没留下…
展开
-
2021-07-22
VUE 3.0 组合式API setup WARNING 执行setup时未创建组件实例,setup选项中没有this,无法访问props之外,组件声明的任何属性。(本地状态、计算属性或方法) setup函数可以接收props参数,并返回函数和变量供其他组件访问。 但此时变量并不是响应式的,因此: import {ref} form 'vue' const counter = ref([]) 通过ref对值创建了一个响应式引用 setup函数中注册生命周期(watch、onMounted原创 2021-07-22 16:18:56 · 120 阅读 · 0 评论 -
【Vue】父子组件传值
这次不借助webpack实现。 其实都是比较基础的东西,但是也蛮有意思的。 子传父 1. 通过$emit使得父组件可以通过v-on监听子组件中绑定的方法 点击Button后传参 子组件代码: let ChildComponent = { data() { return { childValue: '' } }, methods: { passValueToFather() {原创 2021-07-14 18:14:23 · 504 阅读 · 0 评论 -
【Vue】与生命周期有关的子组件监听失败问题
【Vue】与生命周期有关的子组件首次监听失败问题 今天也遇到了一个很有意思的问题。 项目用到了echarts,我把echarts初始化的部分放到了mounted钩子函数中。接口请求需要一个异步获得的参数,这个地方处理的不是很好,暂时的解决方案是把这个参数存到了localStorage中,首次登录成功请求这个参数,读取localStorage的时候就用了EventListener监听,否则首次无法获得变量(异步请求没结束)。除了首次登录之外,其余时刻都只需要通过localStorage.getItem()访问原创 2021-07-13 13:14:07 · 327 阅读 · 0 评论 -
从Object.defineProperty到Vue的数据劫持
1. 数据劫持 Vue2.x Object.defineProperty Vue3.x Proxy Object.defineProperty() Object.defineProperty(对象名, 属性名, 描述符) 基本用法 let person = {}; Object.defineProperty(person, 'name', { value: 'Ayasen', }); console.log(person.name); // Ayasen 此时writable enumer原创 2021-07-06 16:06:40 · 137 阅读 · 0 评论