语法:v-on:(+html标签的事件,如click,change,input等)

    1. <html>
    2. <body>
    3. <div id="app">
    4. </br>
    5. 请输入你的专业:
    6. </br>
    7. <input type="text" v-on:input="changeTitle">
    8. </div>
    9. </body>
    10. <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    11. <script>
    12. new Vue({
    13. //指定作用于那一个div
    14. el:'#app',
    15. //属性
    16. data:{
    17. title:'java'
    18. },
    19. methods:{
    20. changeTitle:function(){
    21. alert('1');
    22. }
    23. }
    24. });
    25. </script>
    26. </html>

    简写:
    v-on:input=”changeTitle”
    @input=”changeTitle”