Day 5 双向绑定及回圈

今天来介绍v-model&data跟v-for的用法
data→用来储存里面的资料,当data被修改时会重新渲染

v-model

这是一个汇率的小题目,当我修改栏位里面的数字时,就能立即更动日币与美金的数字
告诉我们栏位里面修改可以立即修改data里面的内容,代表我们可以动态修改资料啦!!!每次捞资料时都能更简洁
第2行的Input text可输入单行文字,将会在下一篇讲更多不一样的输入

v-for

List内部为一个阵列,item是用来代表list里面的资料,再由item.id和item.name引出来,而item in list的list指到data里面的list,即可将资料捞出来

今天简单的介绍回圈就到这里,明天会来讨论使用者输入框的部分

参考资料: https://www.youtube.com/watch?v=8O3teHziU_E