Vue3的表单和开发模式

Posted 2021-07-25 coder斌

Vue3的表单和开发模式

• • Vue的表单
  • • v-model的前奏
    • v-model的到来
    • v-model绑定其他修饰符
    • • 绑定textarea
      • 绑定单个checkbox
      • 复选框
      • 单选框
      • select
  • Vue的开发模式(组件化开发)
  • • 全局组件
    • 局部组件
    • 命名问题

Vue的表单

v-model的前奏

这样写太麻烦了，有没有一种类似功能的语法糖呢

v-model的到来

直接实现上面一大段代码实现的功能

v-model绑定其他修饰符

绑定textarea

绑定单个checkbox

复选框

单选框

select

Vue的开发模式(组件化开发)

假如所有的逻辑都放在一个template里，那么势必会代码混乱，难以维护。

我们可以将其分解成很多小的部分，然后组合起来实现功能

全局组件

局部组件

命名问题

浏览器在解析html代码时会将标签名字转换成小写；比如<H2></H2>转换成<h2></h2>,所以我们在开打时驼峰命名，大写边小写的字母前加 -。