Vue.js中computed练习

1.编写售卖界面

1.1代码编写

{{goods.id}}

{{goods.name}}

{{goods.price}}

- +

---

总价：￥{{totalPrice}}

结算

你购买了{{setbt}}件商品，需要支付总价为：{{totalPrice}}元

1.2结果效果图

image.png

1.3使其在手机上扫码运行

1.3.1使用计算机cmd命令输入ipconfig,出现以下界面，复制其中IPv4地址

image.png

1.3.2将代码运行到浏览器，并将复制的地址覆盖下图中的红框部分，然后将最后覆盖后的整体链接复制下来

image.png

1.3.3将复制好的整体链接放入HBuilder中的web浏览器中，敲回车，然后点击红色圈类的二维码，用手机浏览器扫码获取

image.png

1.3.4最后手机成功图片

image.png

2.练习-搜索页面的实现

2.1代码编写

{{article.title}}

2.2页面效果

image.png

2.3重复1中步骤，即可实现在手机端显示运行