vue3.0语法糖内的defineProps及defineEmits解析

目录

  • 语法糖内的defineProps及defineEmits
    • 1、defineProps
    • 2、defineEmits
  • vue语法糖的说明

    语法糖内的defineProps及defineEmits
    1、defineProps
    获取组件传值
    ☆★


    .rate {position: relative; display: inline-block; }.rate > span.hollow {position: absolute; display: inline-block; top: 0; left: 0; width: 0; overflow: hidden; }


    2、defineEmits
    子组件向父组件事件传递
    // 同上代码

    【vue3.0语法糖内的defineProps及defineEmits解析】
    vue语法糖的说明 在Vue2.X的版本下一些标签可以省略化
    语法糖是指在不影响功能的情况下 添加某种方法实现同样的效果 从而方便程序开发。
    Vue.jsv-bind v-on 指令都提供了语法糖 也可以说是缩写 比如 v-bind 可以省略 v-bind,
    直接写一个冒号 ":”:
    v-bind 可以省略为xx:xx 如
    连接连接

    v_on 可以用 @来替代如

    以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

      推荐阅读