extends 扩展选项

通过外部增加对象的形式,对构造器进行扩展。它和混入非常的类似。
就是在调用时候,extends是extends:bbb   mixins混入是 mixns:[bbb]
还有一点vue里面一般带s的都是局部方法,有一个全局的Vue.extend,它和这个没有对应关系,比较特殊,像component和components等都是对应的全局和局部

html

<div id="app">
           <p>{{message}}</p>
           <button @click="add()">混入</button>
</div>

js

复制代码
var upData = {
            updated:function(){
                console.log("数据变化了,变成了"+this.message+".")
            }
        }
       
        var vm = new Vue({
            el:"#app",
            data:{
                message:1
            },
            created:function(){
                console.log('我是原生的');
            },
            methods:{
                add:function(){
                    this.message++
                }
            },
            extends:upData
        })
复制代码

 

posted @   xuanPhoto  阅读(293)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· 什么是nginx的强缓存和协商缓存
· 一文读懂知识蒸馏
· Manus爆火,是硬核还是营销?
点击右上角即可分享
微信分享提示