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 · 2778 阅读 · 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 · 1008 阅读 · 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 · 686 阅读 · 0 评论