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