Vue.js - Global mixin在指定元件中執行／不執行
自己好像很少寫sample code，今天寫一個：如果要用Global mixin，如何控制某元件要不要呼叫的範例。
e.g.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<my-comp></my-comp>
</div>
</body>
<script>
Vue.mixin({
created: function() {
var myOption = this.$options.myOption;
if (myOption) {
console.log(myOption);
}
}
});
var comp = Vue.extend({
template: `<p>comp</p>`
});
new Vue({
el: '#app',
components: {
'my-comp': comp
},
myOption: 'hi'
});
</script>
</html>
當元件中自定義myOption時，如果Vue.mixin有myOption時，可控制是否呼叫而去console中印出'hi'。
留言
張貼留言