vue学习（持续更新）

vue中script书写格式

<script type="text/javascript">
    Vue.config.productionTip = false //阻止vue在启动时生成生产提示
    
    new Vue({
        el:'#root'
        data:{
            name: 'xxx'
        },
        methods:{
            showInfo(e) {...}
        }
})

vue中的事件修饰符：

1.prevent：阻止默认事件（常用）

2.stop：阻止事件冒泡（常用）

3.once：事件只触发一次（常用）

4.capture：使用事件的捕获模式

5.self：只有event.target是当前操作的元素才是触发事件

6.passive：事件的默认行为立即执行，无需等待事件回调执行完毕

案例

<div id="root">
    <a href="" @click.prevent="showInfo">点我提示信息</a>
</div>