vue2语法糖 vue3语法糖

浓缩十八分

已于 2022-11-12 14:53:47 修改

阅读量1.3k

点赞数

文章标签： vue.js

于 2022-03-24 11:17:42 首次发布

本文链接：https://blog.csdn.net/m0_68456754/article/details/123706219

版权

本文探讨了Vue2和Vue3中不同的语法糖使用。在Vue2中，子组件传递输入事件通常使用"input"事件结合e.target.value。而在Vue3中，这一过程改为了使用"update:modelValue"事件。

摘要由CSDN通过智能技术生成

vue2语法糖

vue2 ：父组件<myinput v-modle="msg"></myinput>

			
<script>
export default {
  name: 'Home',
  components: {
    myinput
  },
  data() {
    return {
      arr222: [
        { id: 1, n: 'id1', children: [{ id: 12, n: 'id12' }, { id: 13, n: 'id13', children: [{ id: 1222, n: 'id1222' }, { id: 12221, n: 'id12221' }] }] },
        { id: 2, n: 'id2', children: [{ id: 22, n: 'id22' }] },
        { id: 3, n: 'id3' }
      ],
      msg:'hello'
    }
  },
  methods:{
    
  }
}
</script>




	   子组件：<template>
    <div class="text1">
        <!-- <input type="text" :value="num" @input="input1"> -->
        <input type="text" :value="value"  @input="input1">

        <!-- <input type="text" :value=