Vue.js中computed练习

1.编写售卖界面

1.1代码编写





computed计算属性练习


{{goods.id}}
{{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代码编写





Vue.js computed练习-搜索页面的实现

2.2页面效果

image.png

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

你可能感兴趣的:(Vue.js中computed练习)