VUE计算属性

最新推荐文章于 2023-04-20 21:40:01 发布

吃瓜的阳大王

最新推荐文章于 2023-04-20 21:40:01 发布

阅读量171

点赞数

文章标签： html5 vue.js

本文链接：https://blog.csdn.net/qq_44822110/article/details/104759390

版权

该博客介绍了如何在Vue.js中使用计算属性`computed`来计算总分和平均分。通过HTML页面展示数据，JS页面提供计算逻辑，详细解释了计算属性在Vue应用中的应用。

摘要由CSDN通过智能技术生成

VUE计算属性（可以写一个函数来讲计算值）

本案例为计算总分和平均分

计算属性：computed：{ } 和 data、methods 同级

HTML页面 ↓

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VUE计算属性</title>

</head>

<body>
    <div id="app">
        <table border="1">
            <thead>
                <th>学科</th>
                <th>分数</th>