第一章 1-6

    1. <template>
    2. <input
    3. type="text"
    4. :value="text"
    5. @input="$emit('change', $event.target.value)"
    6. />
    7. <!--
    8. 注意
    9. 1. 上面使用 :value 而没用 v-model
    10. 2. 上面的 change 和 model.event 对应起来即可,名字可自定义
    11. -->
    12. </template>
    13. <script>
    14. export default {
    15. model: {
    16. prop: 'text', // 对应到 props text
    17. event: 'change'
    18. },
    19. props: {
    20. text: String
    21. }
    22. }
    23. </script>