VueJS学习常用系统指令学习和使用

Szx

July 1, 2019

2939 views

No comments

415 words

Vue js

v-on

可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码
v-on:click使用

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <script src="https://vuejs.org/js/vue.js"></script>    
    <body>
        <div id="app">
            {{message}}
            <button v-on:click="fun1('songzixian')">点击改变</button>
        </div>        
    </body>
    <script>
        new Vue({
            el:"#app",
            data:{
                message:"宋子宪博客"
            },
            methods:{
                fun1:function(msg){
                    alert("方法正确");
                    this.message=msg;
                }
            }
        });
    </script>
</html>