• (尚023)Vue_案例_交互添加


     最终达到效果:

     

    1.做交互,首先需要确定操作哪个组件?

    提交------操作组件Add.vue

    2.从哪开始做起呢?

    从绑定事件监听开始做起,确定你跟谁绑定事件监听,在回调函数中做什么,

    ===================================================================

    1.绑定事件监听

    (1).跟button绑定,怎么绑呢?@click="add"

     (2).最终将自己的数据收集起来,添加到conmments中去

    -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

     (3).App.vue中的方法addComment()在当前组件中不调用,所以需要将这个方法传递给子组件Add.vue,怎样传呢?

    :addComment="addComment"

    (4)Add.vue这个组件需要接收addComment这个属性

    (5).进行调用

    ===================================================================================
    (4).数据在哪个组件,更新数据的行为(函数或方法),就应该定义在哪个组件

    ===================================================================================================================================

    =================================================================================================================================== 

    (1).input想到自动收集指令v-model

     (2).一旦写上v-model,马上就写data

    ===============================================================================================================================================
    ===============================================================================================================================================
    最终数据展示截图:

     





  • 相关阅读:
    寄存器(内存访问)知识整理
    寄存器知识点
    汇编语言之实验一
    汇编语言基础知识的总结
    汇编语言之第五章至第八章知识汇总
    汇编实验之第八章数据处理的两个基本问题
    汇编语言之第七章更灵活的定位内存地址的方法
    汇编语言之实验九
    汇编语言之第六章包含多个段的程序
    汇编语言之第五章【BX】和loop指令
  • 原文地址:https://www.cnblogs.com/curedfisher/p/12035437.html
Copyright © 2020-2023  润新知