二十六、Delimiters 选项

曾经终败给现在 2022-05-03 11:58 110阅读 0赞

#                             Delimiters 选项 #

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

<!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,//扩展只能放一个对象，数组报错（只能扩展一个）
                delimiters:['${','}'] //插值形式就变成了${}
            })
        </script>
    </body>
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关 OpenCV（二十六）：边缘检测（二）

目录 1.Laplacian算子边缘检测原理： Laplacian边缘检测函数Laplacian() 示例代码： 2.Canny算子边缘检测原理： Canny

落日映苍穹つ/ 2024年03月08日 04:39/ 0 赞/ 37 阅读

相关英语口语收集（二十六）

我该怎么做呢? How should I do it? Just start the car! (只要发动车!) How should I do it? (我怎么

左手的ㄟ右手/ 2022年07月14日 12:58/ 0 赞/ 118 阅读

相关第十六周任务二

/ 程序头部注释开始程序的版权和版本声明部分 Copyright (c) 2011, 烟台大学计算机学院学生 Al

ゝ一世哀愁。/ 2022年06月11日 02:49/ 0 赞/ 323 阅读

相关二十六、Delimiters 选项

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

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

相关二十五、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 阅读

相关 MySql（二十六）函数

文章目录函数函数的创建函数的调用函数的查看函数的删除函数函数定义：是一组预先编译好的sql语句的集合

短命女/ 2021年12月11日 01:47/ 0 赞/ 209 阅读