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)
还没有任何评论哟~
