二十二、Methods Option 方法选项

谁践踏了优雅 2022-05-03 09:58 143阅读 0赞

#                       Methods Option 方法选项 #

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <script type="text/javascript" src="../assets/js/vue.js"></script>
        <title>methods Option</title>
    </head>
    <body>
        <h1>methods Option</h1>
        <hr>
        <div id="app">
            {
       {a}}
            <p><button @click="add(2,$event)">add</button></p>
            
            <p><btn @click.native="add(3)"></btn></p>
            <p><button onclick="app.add(4)" >外部调用构造器里的方法</button></p>
        </div>
    
        <script type="text/javascript">
            //add按钮封装成组件
            var btn={
                template:`<button>组件Add</button>`
            }
    
            var app=new Vue({
                el:'#app',
                data:{
                    a:1
                },
                methods:{
                    //传递的$event参数都是关于你点击鼠标的一些事件和属性。
                    add:function(num,evnet){
                        if(num !=''){
                            this.a=this.a+num;
                        }else {
                            this.a++;
                        }
                        console.log("evnet:"+evnet);
                    }
                },
                components:{
                    "btn":btn
                }
            })
        </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，143人围观）

还没有评论，来说两句吧...

相关阅读

相关 Request Method OPTIONS

最近在devtools查看接口时发现前端每次都会请求两遍接口，带着好奇的心理，发现每次多的一次请求都是OPTIONS请求。然后网上查了一番，

谁践踏了优雅/ 2022年12月13日 04:14/ 0 赞/ 50 阅读

相关 cmake：option选项

提供用户可以选择的选项。 option(<option_variable> "help string describing option" [i

系统管理员/ 2022年11月14日 14:50/ 0 赞/ 142 阅读

相关 Java8 Optional（二）

Java8 如何正确使用 Optional Optional是Java8提供的为了解决null安全问题的一个API。善用Optional可以使我们代码中很多繁琐、丑陋的设计

Dear 丶/ 2022年06月08日 02:27/ 0 赞/ 107 阅读

相关 Scala Option(选项)

Scala Option(选项) Scala Option(选项)类型表示一个值得可选的(有值或者无值)。 Option\[T\] 是一个类型为T的可选值得容器：如果值

以你之姓@/ 2022年06月08日 00:44/ 0 赞/ 167 阅读

相关二十六、Delimiters 选项

Delimiters 选项 delimiters:['${','}'] //插值形式就变成了${}

曾经终败给现在/ 2022年05月03日 11:58/ 0 赞/ 110 阅读

相关二十五、Extends Option 扩展选项

Extends Option 扩展选项通过外部增加对象的形式，对构造器进行扩展。 <!DOCTYPE html>

ゝ一世哀愁。/ 2022年05月03日 11:57/ 0 赞/ 115 阅读

相关二十四、Mixins 混入选项操作

Mixins 混入选项操作 Mixins一般有两种用途： 1、在你已经写好了构造器后，需要增加方法或者临时的活

太过爱你忘了你带给我的痛/ 2022年05月03日 11:57/ 0 赞/ 125 阅读

相关二十三、Watch 选项监控数据

Watch 选项监控数据 <!DOCTYPE html> <html lang="en">

淩亂°似流年/ 2022年05月03日 11:30/ 0 赞/ 106 阅读

相关二十二、Methods Option 方法选项

Methods Option 方法选项 <!DOCTYPE html> <html lang="en">

谁践踏了优雅/ 2022年05月03日 09:58/ 0 赞/ 144 阅读

相关二十一、computed Option 计算选项

computed Option 计算选项 computed 的作用主要是对原数据进行改造输出。改造输出：包括格式的编辑，

r囧r小猫/ 2022年05月03日 09:30/ 0 赞/ 134 阅读