-
-
Save c01nd01r/892be5d5adc036229f8daebad086d961 to your computer and use it in GitHub Desktop.
JS Bin[Custom tag for Vue.JS component container]// source https://jsbin.com/gifesom
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta name="description" content="[Custom tag for Vue.JS component container]"> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>JS Bin</title> | |
</head> | |
<body> | |
<div id="myApp"> | |
<h1 is="my-component" title="Привет, Vue.JS!"></h1> | |
</div> | |
</body> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script> | |
<script> | |
window.app = new Vue({ | |
el: "#myApp", | |
components: [ | |
Vue.component('my-component', { | |
render: function(creatElement) { | |
return creatElement(this.$vnode.data.tag, this.title); | |
}, | |
props: { | |
title: { | |
type: String, | |
default: 'Empty title', | |
}, | |
}, | |
}), | |
], | |
}); | |
</script> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment