二十六、Delimiters 选项
原创
©著作权归作者所有:来自51CTO博客作者wx5bddc0ab0cfc8的原创作品,请联系作者获取转载授权,否则将追究法律责任
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>