2018-09-18

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

<div id='itany'>

<!--    <p>{{msg.split(' ').reverse().join('===')}}</p>-->

    <h1>{{msg}}</h1>

    <a href="#">{{revMsg}}</a>

</div>

<script src='js/vue.js'></script> 

<script>

  new Vue({

      el:'#itany',

      data:{

          msg:'hello vue'//vue===hello

      },

      computed:{

          revMsg:function(){

              return this.msg.split(' ').reverse().join('===')

          }

      }

  })   

</script>

</body>

</html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容