0
点赞
收藏
分享

微信扫一扫

HarmonyOS NEXT Push接入

小安子啊 2024-06-11 阅读 15
前端vue.js

一、一个简单的示例

二、事件处理

2-1、参数说明

    <div id="root">
        <h1>你好呀,{{name}}</h1>
        <button v-on:click="showinfo">点击我</button>
    </div>

    <script>
        new Vue({
            el:'#root',
            data:{
                name:'milk',
            },
            methods:{
                showinfo(a, b, c, d){
                    console.log(a,b,c,d);
                }
            }
        })
    </script>

2-2、this 

事件中的this就是vue的实例对象。

2-3、v-on:click的简写=》@

2-4、传参

2-5、methods对比data

 

methods中的函数也在vm实例中,但是没有做数据代理,即没有getter和setter方法。

所以,只有data中的数据才做数据代理和数据劫持!

三、小结

举报

相关推荐

0 条评论