以下为《实验二 vue数据绑定》的无排版文字预览,完整格式请下载
下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。
实验二 Vue数据绑定
一、实验环境:
安装Vue.js。
二、实验目标:
掌握Vue指令的使用方法。
三、试验内容
在页面中输***3名员工的工资表,包括员工姓名、月度收入、专项扣除、个税、工资等信息。程序运行效果如下图所示。
已知个税起征点为5000,专项扣除为1000,税率为0.03,工资的计算公式为
个税=(月度收入-专项扣除-个税起征点)*税率
工 内容过长,仅展示头部和尾部部分文字预览,全文请查看图片预览。 用v-for指令进行列表渲染;
3.创建Vue实例,在实例中分别定义挂载元素、数据和计算属性,在数据中定义员工的专项扣除费用、个税起征点、税率和员工数组,在计算属性中定义wages属性及其对应的函数。
六、试验总结
1.实验中遇到的问题及解决方法
2.有什么体会(包括建议)
七、试验思考
1.使用计算属性有什么作用?
2.对属性进行监听可以使用哪两种方式?
[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]
以上为《实验二 vue数据绑定》的无排版文字预览,完整格式请下载
下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。