为了账号安全,请及时绑定邮箱和手机立即绑定

想问一个简单程序的问题

<button type="button" @click="count += 1"> Submit {{count}}</button>

这段代码中的“ Submit {{count}}”的“{{count}}”部分在编译后为什么不能正常显示为0,是哪里没有连接上吗?

代码如下:

<!DOCTYPE html>  

<html>  

  

    <head>  

        <meta charset="text/html;charset=utf-8">  

        <title>Vue js</title>  

        <script src="https://unpkg.com/vue"></script>

        <link rel="stylesheet" href="main.css">

    </head>  

  

    <body>

    <div id="app">

        <button type="button" @click="count += 1"> Submit {{count}}</button>    //这里是重点

        </div>

        <script>  

          

          new Vue({

          el:'#app',

          data:{

          count:0

          },

          methods:{

          updataCount:function(){

          this.count ++ 1;

          }

          }

          })


        </script>  

    </body>  

  

</html>


正在回答

3 回答

@click后面直接跟方法即可

0 回复 有任何疑惑可以回复我~

https://img1.sycdn.imooc.com//5bd3e50c0001656d06350026.jpg

https://img1.sycdn.imooc.com//5bd3e5190001d3ac02370090.jpg

名字不对

0 回复 有任何疑惑可以回复我~

count:“0”

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
vue.js入门基础
  • 参与学习       209716    人
  • 解答问题       677    个

本门为vuejs入门教程,详细的讲解加实战,可以帮你进入vuejs的大门

进入课程

想问一个简单程序的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信