VUE
关注
分享
扫一扫
记录vue的学习记录
Duckdan
这个作者很懒，什么都没留下…
展开
-
003_v-model实现原理
一、v-model原理 v-model指令实质上就是一个语法糖，默认用于支持form表单类型控件实现双向绑定。 二、源代码 用如下这段代码来探寻v-model的实现原理 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>数据绑定</title> <!-- 引入Vue --> <script type="text/javascri原创 2022-03-23 17:36:24 · 2858 阅读 · 0 评论 -
002_组件的二次封装
一、介绍 针对element-ui的el-input组件进行封装，需要添加element-ui的依赖 二、FirstCustomWrapInput组件 <template> <div> <el-input v-model="value" @input="$emit('input', value)" @blur="$emit('blur1')" @focus="$emit('focus1')" ></原创 2021-11-15 16:32:30 · 1059 阅读 · 0 评论 -
001_自定义组件使用v-model
一、APP组件 <template> <div> <div> <h3>自定义MyInput组件</h3> <my-input v-model="mValue" /> {{ mValue }} </div> <hr /> <div> <h3>自定义MyRadio组件</h3> <原创 2021-11-15 15:01:32 · 733 阅读 · 0 评论