VUE2.0实现购物车和地址选配功能学习第二节

时间:2023-03-08 17:21:46

第二节 创建VUE实例

购物车项目计划:

1.创建一个vue实例

2.通过v-for指令渲染产品数据

3.使用filter对金额和图片进行格式化

4.使用v-on实现产品金额动态计算

5.综合演示

①npm:安装vue

(注:

要先安装cnpm

cnpm:淘宝团队提供的一个npm的镜像,在国内使用不会卡顿,方便FQ

--save-dev:将包安装到package.json中的devDependencies开发包中

--save是安装到默认package的dependencies库中)

指令:cnpm install vue --save

库存放在node_modules中

license:mit完全开源

代码:

VUE2.0实现购物车和地址选配功能学习第二节