Vue
Air hang
业余写代码
展开
-
Vue3中父组件传子组件,子组件想修改父组件传的参数,注意点
简单记录,因为在vue2.x版本本,子组件一般会通过watch 对应的prop属性key去重新赋值给子组件data中定义的参数(用来接收父组件传的参数)因为Vue3的提供了setup,我们通常会在里面使用watch()去监听,和Vue2.x会有所不同//子组件:<script lang="ts">import { defineComponent, ref, watch } from 'vue'let _props = { msg: { type: Strin.原创 2021-12-03 10:59:08 · 1119 阅读 · 0 评论 -
回顾Vue组件的常见写法(二)
回顾Vue组件的常见写法(二)前面一篇提到的是比较基础的写法,这篇是对React的高阶式写法进行借鉴(Hight Of Component)高阶组件?准确来说应该是高阶函数(HOF),大家肯定做过将函数作为参数进行改造后再return出去的事,嗯哼,React玩家应该就对HOC这个概念有更深的认知,就是函数接收参数(这里传组件)再进行加工return出去的过程,Vue中似乎大部分人不这么做,更多的是借助了Vue自身提供的Mixins、extends去拓展组件,关于上面两个做法可以参考官网,这里简单原创 2021-11-21 20:54:52 · 535 阅读 · 0 评论 -
回顾Vue组件常见写法(一)
类似React提倡组件式的写法,Vue也为我们提供了丰富的组件编写,下面是自己常用的两种:一.单文件组件(暴露props、method、event)基于Vue的SFC(单文件组件)的拓展,最大目的就是要对外提供 配置项、事件操作回调、插槽扩展,下面写个简单的Vue组件:<template> <div> <!--此处用于引入其他组件的 二次使用 常用v-bind v-on 进行穿透--> <van-rate v-model="va.原创 2021-11-20 12:25:46 · 1092 阅读 · 0 评论