美文网首页
Vue 的v-on 事件

Vue 的v-on 事件

作者: 北觅_Sir | 来源:发表于2018-09-14 08:46 被阅读0次
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
<!--链接Vue.js进去-->
        <script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
    </head>
    <body>
            <div id="itany">
<!--把v-on:click=""写入 -->      
            <button v-on:click="add">点击<button>
            <p>{{a}}</p>  

            </div>

        </body>
<script>
new Vue({
el:'#itany',
data:{
a:"Hello "
},
methods:{//函数储存
add:function(){//add点击事件函数
this.a="hello Vue"


}

)
</script>
</html>

相关文章

  • vue 事件

    Vue.js 事件 在 vue 中,事件通过指令 v-on 进行绑定,v-on 缩写 @ 组件的 methods ...

  • vue之事件(二)

    vue中可以使用v-on进行事件处理。当然v-on也有简写方式 [@] 1.事件监听的好处?所有的 Vue.js ...

  • vue事件与表单处理

    事件处理 v-on指令 用于进行元素的事件绑定 Vue.js 还为 v-on 指令提供了简写方式@click 事件...

  • vue.js事件处理器笔记

    Vue.js 事件监听使用 v-on 指令:v-on 增加 1 这个按钮被点击了 {{ counter }...

  • 【Vue】常用指令之v-on

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-on v-on指令是事件绑定指...

  • vue:事件处理器

    Vue.js 事件处理器 事件监听可以使用 v-on 指令: v-on 增加 1 这个按钮被点击了 {{ coun...

  • vue.js学习第二天

    1、 vue事件绑定 在vue中给一个元素绑定事件可以用 v-on:+事件名称(click、mouseover、m...

  • vue事件指令

    vue的事件指令是v-on,具体用法请看下图: 要给元素节点添加事件要用v-on,比如给p标签添加一个单击事件cl...

  • Vue基础知识(四) - 事件绑定

    Vue要绑定事件需要使用 "v-on" 这个指令比如我们要使用点击事件,可以这样书写: 按钮 Vue的事件绑定包括...

  • Vue学习的第八天

    事件处理 监听事件 可以用v-on指令监听DOM事件 Add var vm = new Vue({ el:"#...

网友评论

      本文标题:Vue 的v-on 事件

      本文链接:https://www.haomeiwen.com/subject/csungftx.html