实验二 vue数据绑定

本文由用户“thj0775”分享发布 更新时间:2023-01-19 21:09:17 举报文档

以下为《实验二 vue数据绑定》的无排版文字预览,完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。

实验二 Vue数据绑定

一、实验环境:

安装Vue.js。

二、实验目标:

掌握Vue指令的使用方法。

三、试验内容

在页面中输***3名员工的工资表,包括员工姓名、月度收入、专项扣除、个税、工资等信息。程序运行效果如下图所示。



已知个税起征点为5000,专项扣除为1000,税率为0.03,工资的计算公式为

个税=(月度收入-专项扣除-个税起征点)*税率

工 内容过长,仅展示头部和尾部部分文字预览,全文请查看图片预览。 用v-for指令进行列表渲染;

3.创建Vue实例,在实例中分别定义挂载元素、数据和计算属性,在数据中定义员工的专项扣除费用、个税起征点、税率和员工数组,在计算属性中定义wages属性及其对应的函数。

六、试验总结

1.实验中遇到的问题及解决方法

2.有什么体会(包括建议)

七、试验思考

1.使用计算属性有什么作用?

2.对属性进行监听可以使用哪两种方式?

[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]

以上为《实验二 vue数据绑定》的无排版文字预览,完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。

图片预览