vue 学习1

最新推荐文章于 2025-04-10 09:39:38 发布

aircoder

最新推荐文章于 2025-04-10 09:39:38 发布

阅读量157

点赞数

分类专栏： vue学习

本文链接：https://blog.csdn.net/aircoder/article/details/86691956

版权

vue学习专栏收录该内容

8 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title>Vue Demo</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
</head>
<body>
     
    <div id="cp">
        <p>{{ msg }}</p>
        <input v-model="msg">
        <p>{{ reversedMessage }}</p>
    </div>

</body>
<script type="text/javascript">

 var app1= new Vue({
    el:'#cp',
    data: {
        msg:''
    },
    computed: {
    reversedMessage: function () {
      return this.msg.split('').reverse().join('')
    }
  }
 })
</script>
</html>