Advertisement

vue基础实践2: computed属性进行字符串反转操作

阅读量:

vue基础实践2: computed计算属性实例字母反转

对计算属性conmputed进行反转操作,并与methods方法展开对比分析

复制代码
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    </head>
    <body>
    <!-- 真实项目中,我们一般用一个计算属性和某些响应式数据进行关联,响应式数据发生改变计算属性的getter函数会重新执行,否则使用的是上一次计算出来的缓存结果
     -->
       <div id="app">
           <p>正常结果:{{text}}</p>
           <p>methods方法反转结果:{{reverseMethod()}}</p>
           <p>计算属性conmputed反转结果:{{ reverseComputed}}</p>

全部评论 (0)

还没有任何评论哟~