跟着视频做了两天的购物车demo,总算告一段落,写下博客总结下步骤
如图
学到了很多东西,写出效果时,也感受了其相比一些框架的简洁
整个页面js代码不到一百行,通过在vue函数中定义属性以及方法,然后在回到html标签中通过
v-for渲染表单,
v-bind改变标签的class、style、src
v-on绑定用户点击事件,在其中绑定vue定义的函数
v-module双向绑定
整个js定义属性以及函数时,也就回到了js思想,没有什么很难理解的地方,相信熟能生巧!!!
本文总结了一个简单的Vue购物车项目的实现过程。通过使用Vue的基本指令,如v-for、v-bind、v-on等,实现了功能完整的购物车应用。该应用代码简洁,便于理解和学习。
6413





