Vue学习笔记

最新推荐文章于 2022-11-04 19:34:55 发布

原创最新推荐文章于 2022-11-04 19:34:55 发布

· 203 阅读

0 ·

版权

文章标签：

#v-for #v-on #Vue

Vue 专栏收录该内容

2 篇文章

订阅专栏

v-for循环取值

<li v-for="item in items">
            {{item}}
        </li>

var vm = new Vue({
        el: "#app",
        data: {
            items: ['赵', '钱', '孙', '李']
        }
    })

v-on绑定方法

<div id="app">
        <button v-on:click="sayHi();">点我</button>
</div>

<script type="text/javascript">
    var vm = new Vue({
        el: "#app",
        data:{
          message:"HelloVue"
        },
        methods: {
            sayHi: function(event) {
                alert(this.message);
            },
        }
    })
</script>