经典vue面试题：谈一谈computed计算属性和watch监听属性的区别

最新推荐文章于 2024-05-06 14:02:52 发布

veggie_a_h

最新推荐文章于 2024-05-06 14:02:52 发布

阅读量1k

点赞数 1

分类专栏：前端面试 vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/wanghe1111_/article/details/122692112

版权

computed计算属性和watch监听的区别

computed属性

首先computed计算属性是用于在HTML模板中表达式更加简洁，易维护。

特点：

computed具有缓存功能，当与computed变量相关的变量值不发生改变时，一直用的是缓存中的值，只有当依赖变量值发生改变时，computed计算属性值才会发生更新；
computed变量不在data中定义，而是在computed对象中定义；

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

<head>
    <title>computed计算属性</title>
    <meta charset="utf-8">
</head>

<body>
    <div id="app">
        <!-- 计算属性应用 -->
        <div>{
  {reverseString}}</div>
        <div>{
  {reverseString}}</div>
    </div>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript">
    var vue = new Vue({
     
        el: '#app'<