事件绑定，属性绑定，双向绑定

 1  <div id="app">
 2         <div style="height:100px;background-color: aqua;" @click.capture=‘divclick‘>
 3             <input type="button" value="点我" @click =‘btnclick‘>
 4         <!-- 默认 点击事件会从子元素向父元素传递（冒泡【如果父元素有点击事件的话】），
 5             如果在子元素上绑定事件修饰符 .stop可以组织默认冒泡事件【从里到外】
 6             如果在btn父级div上添加.capture修饰符，那么点击btn就不会是冒泡那样先执行子元素，在父元素，而是先执行
 7             带有prevent修饰符的click事件【也就是从外到里】
 8         -->
 9         </div>
10 
11     </div>

    let vm = new Vue({//确保引入了vue.js
        el:‘#app‘,
        data:{},
        methods:{
            divclick () {
                console.log(‘点击了div‘)
            },
            btnclick () {
                console.log(‘点击了btn‘)
            },
            aclick () {
                console.log(‘点击了超链接a‘)
            }
        }
    })