06

Anthony Gore · Anthony Gore · commit 940d6a9d3a02 · 2017-02-17T13:48:54.000+07:00
diff --git a/index.html b/index.html
@@ -8,7 +8,9 @@
     <link rel="stylesheet" type="text/css" href="/dist/style.css" media="screen" />
 </head>
 <body>
-    <div id="app">{{ msg }}</div>
+    <div id="app">
+        <app></app>
+    </div>
     <script src="/dist/web.bundle.js"></script>
 </body>
 </html>
diff --git a/src/components/App.vue b/src/components/App.vue
@@ -0,0 +1,12 @@
+<template>
+    <div>{{ msg }}</div>
+</template>
+<script>
+    export default {
+        data() {
+            return {
+                msg: 'Hello World'
+            };
+        }
+    }
+</script>
diff --git a/src/web.entry.js b/src/web.entry.js
@@ -1,8 +1,11 @@
-import Vue from 'vue'
+import Vue from 'vue';
+import './style.scss';
+
+import App from './components/App.vue';
 
 new Vue({
   el: '#app',
-  data: {
-    msg: 'Hello World'
+  components: {
+    App
   }
 });
