tyrel/learnin-some-vue
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

s6e93 components locally and globally

Browse Source
This commit is contained in:
Tyrel Souza 2018-04-16 23:19:06 -04:00
parent 74fccdfb14
commit 1f786d3e39
No known key found for this signature in database
GPG Key ID: 5A9394D4C30AEAC0
2 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
lessons/app.js
View File

@ -1,4 +1,4 @@
Vue.component('ts-cmp', { var component = {
data() { data() {
return {status: 'Critical'}; return {status: 'Critical'};
}, },
@ -8,9 +8,26 @@ Vue.component('ts-cmp', {
this.status = 'Normal'; this.status = 'Normal';
} }
} }
}); };
var app = new Vue({ var component2 = {
el: '#app', template: '<span>butts</span>',
};
var app1 = new Vue({
el: '#app1',
components: {
'ts-cmp': component
}
});
var app2 = new Vue({
el: '#app2',
components: {
'ts-cmp': component2
}
}); });

7
lessons/index.html
View File

@ -6,13 +6,16 @@
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<div id='app'> <div id='app1'>
<ts-cmp></ts-cmp> <ts-cmp></ts-cmp>
<hr> <hr>
<ts-cmp></ts-cmp> <ts-cmp></ts-cmp>
</div> </div>
<div id='app'> <div id='app2'>
<ts-cmp></ts-cmp>
<hr>
<ts-cmp></ts-cmp>
</div> </div>
<script src="app.js" charset="utf-8"></script> <script src="app.js" charset="utf-8"></script>
</body> </body>