準備篇 · TP5搭配Easywechat & Jwt & Vue & Supervisor 玩轉微信開發

1.導入CSS樣式 ~~~ <link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css"> ~~~ 2. 導入JS ~~~ <script src="//unpkg.com/vue/dist/vue.jss"></script> <script src="//unpkg.com/iview/dist/iview.min.js"></script> ~~~ 3. 推薦異步axios插件 ~~~ <script src="//unpkg.com/axios/dist/axios.min.js"></script> <script src="//unpkg.com/qs/dist/qs.js"></script> ~~~ 大致是以下的結構 ~~~ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>iview example</title> <link rel="stylesheet" type="text/css" href="//unpkg.com/iview/dist/styles/iview.css"> <script src="//unpkg.com/vue/dist/vue.js"></script> <script src="//unpkg.com/iview/dist/iview.min.js"></script></script> <script src="//unpkg.com/axios/dist/axios.min.js"></script> <script src="//unpkg.com/qs/dist/qs.js"></script> </head> <body> <div id="app"></div> </body> <script> var Main = { data() { return { } }, methods: { } } var Component = Vue.extend(Main) new Component().$mount('#app') </script> </html> ~~~