vant使用简单疑问，JS函数怎么修改vue中的变量值

Question

一个网页使用CDN引入vue与vant文件后，按照vant教程https://youzan.github.io/vant...

开始使用Popup 弹出层功能，HTML书写如下：

<div id="app">
<van-cell is-link @click="showPopup">展示弹出层</van-cell>
<van-popup v-model="show">内容</van-popup> 
</div>
<script>
    new Vue({
      el: '#app',
      data() {
            return {
                show:false,
            };
        },
    });
    function showPopup() {
          this.show = true;
        }
</script>

点击弹出层后，毫无反应！新手刚刚接触VUE，可能是函数中this.show没有去修改vue中的show值。请问怎么修改？

Answer 1

事件放在 methods:{} 中，与 data 同层级