面试题！vue中的计算属性、方法、侦听属性

1、计算属性

详细的内容可跳转至vue 计算属性
可以使用计算属性来代替在表达式中进行的复杂运算，以便于能够更方便的维护与复用逻辑。

计算属性是在选项对象中使用 computed 字段来定义。

特点：计算属性是可被缓存的（计算属性是基于它的响应式依赖进行缓存的，只有当依赖项发生变化时，才会重新计算并缓存）

  <!-- 特点：计算属性是可被缓存的（计算属性是基于它的响应式依赖进行缓存的，只有当依赖项发生变化时，才会重新计算并缓存） -->

  <div id="app">
    {
  { message }} <br>
    {
  { message.split('').reverse().join('') }} <br>
    <!-- 上面调用很多次  {
   { reversedMessage }}，页面上能显示很多次，函数体只执行一次即看到的效果是控制台只显示一次计算 reversedMessage...，计算属性是有缓存的 -->
    {
  { reversedMessage }} <br>
    {
  { reversedMessage }} <br>
    {
  { reversedMessage }} <br>
    {
  { reversedMessage }} <br>
    {
  { reversedMessage }} <br>
    {
  { reversedMessage }} <br>
    {
  { reversedMessage }} <br>
    属性：{
  { reversedMsg }} <br>
    属性：{
  { reversedMsg }} <br>
    属性：{
  { reversedMsg }} <br>

    <!-- 方法中调用，必须加上括号！方法每调用一次，执行一次（即控制台打印多次方法->  console.log('方法')） -->
    方法：{
  { reversed() }} <br