HsuMoonHao HsuMoonHao
首页
  • 前端文章

    • JavaScript
    • 数据结构与算法
  • vue3相关

    • 《JavaScript教程》
GitHub (opens new window)

HsyMoonHao

前端界的小学生
首页
  • 前端文章

    • JavaScript
    • 数据结构与算法
  • vue3相关

    • 《JavaScript教程》
GitHub (opens new window)
  • 前端-设计模式

  • js数据结构与算法

  • js程序设计

  • vue3相关

    • 01.虚拟Dom与diff算法
    • 计算属性
    • watch 侦听器
    • watchEffect高级侦听器
    • 组件和生命周期
    • bem架构
    • 父子组件传值
    • slot插槽
    • provide和inject
    • v-model
      • 使用
    • 自定义指令
    • 自定义hooks
  • 微前端

  • react

  • 前端
  • vue3相关
HsyMoonHao
2023-05-18
目录

v-model

# v-model

vue中的一个内置的语法糖,是通过emits 和props组合而成的。

对比vue2做出的改变

  1. props: value ==>> modelValue;
  2. 事件:input==>>update:modelValue;
  3. v-bind的.sync修饰符和组件的model选项已移除
  4. 新增支持多个v-model
  5. 新增 支持自定义修饰符 Modifiers

# 使用

<template>
	<input v-model="" />
</template>
<script lang="ts" setup>
</script>
1
2
3
4
5
编辑 (opens new window)
#vue3
上次更新: 2023/05/18, 21:12:15
provide和inject
自定义指令

← provide和inject 自定义指令→

最近更新
01
Async和Defer
01-03
02
typescript utils
12-23
03
对SPA的理解
05-29
更多文章>
Theme by Vdoing | Copyright © 2023-2024 HsyMoonHao | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式