Vue笔记之v-for及应用简易留言板的实现

渲染列表指令：v-for
语法：v-for="value, index in array“ index可省略
作用在想要重复生成的标签上

    
    
    



    

 
{{value}}----{{index}}
 
{{value}}----{{key}}
    

留言板
v-on v-model v-for的综合应用。
v-model="val" 将界面的输入数据写入vm中的val
v-on: click="sendHandle"使界面的click操作跳转至vm的methods中的sendHandle()
sendHandle()中的this即为vm，故其将vm中的val值存入了vm中的list
同时，v-for使得li标签输出了list中的所有value.title
由此可见，vm在view和model中起到的桥梁作用，真正实现了由viewModel对view和model进行管理操作。

    
    
    



    
    
    

 
{{value.title}}