二十五、Extends Option 扩展选项

ゝ一世哀愁。 2022-05-03 11:57 110阅读 0赞

#                      Extends Option 扩展选项 #

通过外部增加对象的形式，对构造器进行扩展。

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <script type="text/javascript" src="../assets/js/vue.js"></script>
        <title>Extends Optin Demo</title>
    </head>
    <body>
        <h1>Extends Optin Demo</h1>
        <hr>
        <div id="app">
            {
       {message}}
            <p><button @click="add">add</button></p>
        </div>
    
    
        <script type="text/javascript">
            var bbb={
                created:function(){
                    console.log("我是被扩展出来的钩子方法===");
                },
                methods:{//扩展出来的方法，如果和构造器里面的方法名一样，不执行
                    add:function(){
                        console.log('我是被扩展出来的方法！===');
                    }
                }
            };
    
            //构造器
            var app=new Vue({
                el:'#app',
                data:{
                    message:'hello Vue!'
                },
                methods:{
                    add:function(){
                        console.log('我是原生方法');
                    }
                },
                extends:bbb//扩展只能放一个对象，数组报错（只能扩展一个）
            })
        </script>
    </body>
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关 cmake：option选项

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

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

相关 less-Extend（扩展）

扩展是一个合并减少伪类选择器是放在与匹配的引用。 1、扩展编辑less： nav ul { &:extend(.inline);

爱被打了一巴掌/ 2022年06月14日 10:39/ 0 赞/ 124 阅读

相关 Extending The Framework 扩展框架

Extending The Framework 扩展框架 Introduction 介绍 Laravel offers many extension points

╰半橙微兮°/ 2022年06月14日 01:40/ 0 赞/ 142 阅读

相关 Scala Option(选项)

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

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

相关二十六、Delimiters 选项

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

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

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

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

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

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

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

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

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

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

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

相关二十、propsData Option 全局扩展的数据传递

propsData Option 全局扩展的数据传递 <!DOCTYPE html> <html lang="en"> <head

骑猪看日落/ 2022年05月03日 09:30/ 0 赞/ 72 阅读

相关 vue Vue.extend和extends模板选项

1、Vue.extends 使用基础Vue构造器,创建一个“子类”。参数是一个包含组件选项的对象。 (1)创建构造器 var

朱雀/ 2021年07月24日 22:44/ 0 赞/ 718 阅读