完成按钮基本样式

coderjam · coderjam · commit ca9a7f5fad3f · 2020-08-19T23:44:08.000+08:00
diff --git a/button.js b/button.js
@@ -2,4 +2,5 @@ Vue.component('j-button',{
     template: `
         <button class="j-button">按钮</button>
     `
-})
+})
+
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,9 +21,17 @@
   },
   "homepage": "https://github.com/jamccc/jam-ui#readme",
   "dependencies": {
-    "vue": "^2.6.11"
+    "vue": "^2.6.11",
+    "vue-hot-reload-api": "^2.3.4"
   },
   "devDependencies": {
-    "parcel-bundler": "^1.12.4"
+    "@vue/component-compiler-utils": "^3.2.0",
+    "parcel-bundler": "^1.12.4",
+    "sass": "^1.26.10",
+    "typescript": "^3.9.7",
+    "vue-template-compiler": "^2.6.11"
+  },
+  "alias": {
+    "vue" : "./node_modules/vue/dist/vue.common.js"
   }
 }
diff --git a/src/app.js b/src/app.js
@@ -1,7 +1,7 @@
 import  Vue from 'vue'
 import Button from './button'
 
-Vue.component('g-button', Button)
+Vue.component('j-button', Button)
 
 new Vue({
     el: '#app'
diff --git a/src/button.vue b/src/button.vue
@@ -2,8 +2,10 @@
     <button class="j-button">按钮</button>
 </template>
 
-<script lang="ts">
-    export default{}
+<script lang="js">
+    export default{
+        name: 'Button '
+    }
 </script>
 
 <style lang="scss" scoped>

Original file line number	Diff line number	Diff line change
`@@ -2,4 +2,5 @@ Vue.component('j-button',{`
`2`	`2`	template: `
`3`	`3`	`<button class="j-button">按钮</button>`
`4`	`4`	`
`5`		`-})`
	`5`	`+})`
	`6`	`+`