Vue-cli3 开发单文件组件
1、快速原型开发
// App.vue里面的内容{{msg}}
执行结果为：
2、购物车项目搭建
// App.vue里面的内容
{{title}}
{{item.title}}
￥{{item.price}}
// Cart.vue里面的内容
{{title}}
#
课程
单价
数量
总价
{{c.title}}
{{c.price}}
{{c.count}}
￥{{c.price*c.count}}
运行结果：
3、购物车项目操作
// App.vue里面的内容{{title}}
{{item.title}}
￥{{item.price}}
// Cart.vue里面的内容
{{title}}
#
课程
单价
数量
总价
{{c.title}}
{{c.price}}
{{c.count}}
￥{{c.price*c.count}}
{{activeCount}}/{{count}}
￥{{total}}
结果：