基本信息
源码名称:vue 初级案例(入门级示例源码)
源码大小:29.28M
文件格式:.rar
开发语言:js
更新时间:2019-12-04
   友情提示:(无需注册或充值,赞助后即可获取资源下载链接)

     嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300

本次赞助数额为: 2 元 
   源码介绍

vue 80%开发范畴 案例覆盖

│  .gitignore
│  README.md
│  _config.yml

├─01、基本指令
│  │  index.html
│  │
│  ├─css
│  │      sweetalert2.min.css
│  │
│  ├─instructions
│  │      blog-demo.html
│  │      hello.html
│  │      v-if_v-for.html
│  │      v-on.html
│  │      v-show_v-model.html
│  │
│  └─js
│          sweetalert2.min.js
│          vue.js

├─02、vue组件
│  ├─01-component-basic
│  │  │  index.html
│  │  │
│  │  ├─component
│  │  │      vue-component.html
│  │  │
│  │  └─js
│  │          vue.js
│  │
│  ├─02-moni-vue-cli
│  │  │  index.html
│  │  │  package.json
│  │  │  README.md
│  │  │  webpack.config.js
│  │  │  yarn.lock
│  │  │
│  │  └─src
│  │          first.vue
│  │          login.vue
│  │          main.js
│  │
│  └─component
│          vue-component.html

├─03、Vue--props属性
│  │  index.html
│  │  vue-method.html
│  │  vue-props.html
│  │
│  ├─imgs
│  │      logo.png
│  │
│  └─js
│          vue.js

├─04、Vue生命周期
│  │  index.html
│  │
│  ├─js
│  │      vue.js
│  │
│  └─lifecycle
│          vue-lifecycle.html

├─05、移动webapp适配--rem
│  │  index.html
│  │
│  ├─css
│  │  │  normalize.css
│  │  │  usesass.css
│  │  │  usesass.css.map
│  │  │  usesass.js
│  │  │  usesass.scss
│  │  │
│  │  └─.sass-cache
│  │      └─14e0bb1e2744b6ae2956bd741ac0a047e9de1424
│  │              usesass.scssc
│  │
│  └─example
│          mediaquery.html
│          rem.html
│          usesass.html

├─06、Vue路由
│  │  index.html
│  │
│  ├─fore-end-router
│  │  ├─h5history-router
│  │  │      index.html
│  │  │
│  │  └─hashrouter
│  │          index.html
│  │
│  ├─html-include-vue-router
│  │  │  index.html
│  │  │
│  │  └─js
│  │          vue-router.js
│  │          vue.js
│  │
│  └─vue-cli-router-webapp
│      │  .babelrc
│      │  .editorconfig
│      │  .gitignore
│      │  .postcssrc.js
│      │  index.html
│      │  package.json
│      │  README.md
│      │  yarn.lock
│      │
│      ├─build
│      │      build.js
│      │      check-versions.js
│      │      logo.png
│      │      utils.js
│      │      vue-loader.conf.js
│      │      webpack.base.conf.js
│      │      webpack.dev.conf.js
│      │      webpack.prod.conf.js
│      │
│      ├─config
│      │      dev.env.js
│      │      index.js
│      │      prod.env.js
│      │
│      ├─dist
│      │  │  index.html
│      │  │
│      │  └─static
│      │      ├─css
│      │      │      app.38ae50c05b1e43c07a98b49dfaef6ed5.css
│      │      │      app.38ae50c05b1e43c07a98b49dfaef6ed5.css.map
│      │      │
│      │      └─js
│      │              app.459f4c79eb814103f7b3.js
│      │              app.459f4c79eb814103f7b3.js.map
│      │              manifest.3ad1d5771e9b13dbdad2.js
│      │              manifest.3ad1d5771e9b13dbdad2.js.map
│      │              vendor.1748317793fd05195ff8.js
│      │              vendor.1748317793fd05195ff8.js.map
│      │
│      ├─src
│      │  │  App.vue
│      │  │  main.js
│      │  │
│      │  ├─assets
│      │  │      logo.png
│      │  │
│      │  ├─components
│      │  │      First.vue
│      │  │      Head.vue
│      │  │      Second.vue
│      │  │
│      │  └─router
│      │          index.js
│      │
│      └─static
│              .gitkeep

├─07、若干练手Demo
│  │  index.html
│  │
│  ├─accordian
│  │      accordian.html
│  │
│  ├─js
│  │      vue-router.js
│  │      vue.js
│  │
│  ├─selectmenu
│  │      index.html
│  │
│  ├─selectstate
│  │      selected-demo.html
│  │
│  ├─sticktop
│  │      sticktop.html
│  │
│  ├─vue-calculator
│  │      vue-calculator.html
│  │
│  └─vue-select-tab
│          vue-select-tab.html

├─08、Mint-UI的使用
│  │  index.html
│  │
│  ├─js
│  │      vue.js
│  │
│  ├─mint-ui-cli-single-import-demo
│  │  │  .babelrc
│  │  │  .editorconfig
│  │  │  .gitignore
│  │  │  .postcssrc.js
│  │  │  index.html
│  │  │  package.json
│  │  │  README.md
│  │  │  yarn.lock
│  │  │
│  │  ├─build
│  │  │      build.js
│  │  │      check-versions.js
│  │  │      logo.png
│  │  │      utils.js
│  │  │      vue-loader.conf.js
│  │  │      webpack.base.conf.js
│  │  │      webpack.dev.conf.js
│  │  │      webpack.prod.conf.js
│  │  │
│  │  ├─config
│  │  │      dev.env.js
│  │  │      index.js
│  │  │      prod.env.js
│  │  │
│  │  ├─dist
│  │  │  │  index.html
│  │  │  │
│  │  │  └─static
│  │  │      ├─css
│  │  │      │      app.2a9788c7b37605e9c5e3f3294ee578fa.css
│  │  │      │      app.2a9788c7b37605e9c5e3f3294ee578fa.css.map
│  │  │      │
│  │  │      └─js
│  │  │              app.672e8ff576e38465f643.js
│  │  │              app.672e8ff576e38465f643.js.map
│  │  │              manifest.3ad1d5771e9b13dbdad2.js
│  │  │              manifest.3ad1d5771e9b13dbdad2.js.map
│  │  │              vendor.047292a788af477f316a.js
│  │  │              vendor.047292a788af477f316a.js.map
│  │  │
│  │  ├─src
│  │  │  │  App.vue
│  │  │  │  main.js
│  │  │  │
│  │  │  ├─assets
│  │  │  │      logo.png
│  │  │  │
│  │  │  ├─components
│  │  │  │      HelloWorld.vue
│  │  │  │
│  │  │  ├─mint-ui
│  │  │  │      index.js
│  │  │  │
│  │  │  └─router
│  │  │          index.js
│  │  │
│  │  └─static
│  │          .gitkeep
│  │
│  ├─mint-ui-vue-cli-cdn-demo
│  │  │  .babelrc
│  │  │  .editorconfig
│  │  │  .gitignore
│  │  │  .postcssrc.js
│  │  │  index.html
│  │  │  package.json
│  │  │  README.md
│  │  │  yarn.lock
│  │  │
│  │  ├─build
│  │  │      build.js
│  │  │      check-versions.js
│  │  │      logo.png
│  │  │      utils.js
│  │  │      vue-loader.conf.js
│  │  │      webpack.base.conf.js
│  │  │      webpack.dev.conf.js
│  │  │      webpack.prod.conf.js
│  │  │
│  │  ├─config
│  │  │      dev.env.js
│  │  │      index.js
│  │  │      prod.env.js
│  │  │
│  │  ├─dist
│  │  │  │  index.html
│  │  │  │
│  │  │  └─static
│  │  │      ├─css
│  │  │      │      app.fc1b259740f743e7b63c49509fd8a8f2.css
│  │  │      │      app.fc1b259740f743e7b63c49509fd8a8f2.css.map
│  │  │      │
│  │  │      └─js
│  │  │              app.e0e6f9e25e5572ffb873.js
│  │  │              app.e0e6f9e25e5572ffb873.js.map
│  │  │              manifest.3ad1d5771e9b13dbdad2.js
│  │  │              manifest.3ad1d5771e9b13dbdad2.js.map
│  │  │              vendor.d28da05cfbf3e7ef013d.js
│  │  │              vendor.d28da05cfbf3e7ef013d.js.map
│  │  │
│  │  ├─src
│  │  │  │  App.vue
│  │  │  │  main.js
│  │  │  │
│  │  │  ├─assets
│  │  │  │      logo.png
│  │  │  │
│  │  │  ├─components
│  │  │  │      HelloWorld.vue
│  │  │  │
│  │  │  └─router
│  │  │          index.js
│  │  │
│  │  └─static
│  │          .gitkeep
│  │
│  ├─mint-ui-vue-cli-global-use-demo
│  │  │  .babelrc
│  │  │  .editorconfig
│  │  │  .gitignore
│  │  │  .postcssrc.js
│  │  │  index.html
│  │  │  package.json
│  │  │  README.md
│  │  │  yarn.lock
│  │  │
│  │  ├─build
│  │  │      build.js
│  │  │      check-versions.js
│  │  │      logo.png
│  │  │      utils.js
│  │  │      vue-loader.conf.js
│  │  │      webpack.base.conf.js
│  │  │      webpack.dev.conf.js
│  │  │      webpack.prod.conf.js
│  │  │
│  │  ├─config
│  │  │      dev.env.js
│  │  │      index.js
│  │  │      prod.env.js
│  │  │
│  │  ├─dist
│  │  │  │  index.html
│  │  │  │
│  │  │  └─static
│  │  │      ├─css
│  │  │      │      app.7631b179706cc2e8b230a176741a5ed7.css
│  │  │      │      app.7631b179706cc2e8b230a176741a5ed7.css.map
│  │  │      │
│  │  │      └─js
│  │  │              app.bb68559e458b9d95eb7e.js
│  │  │              app.bb68559e458b9d95eb7e.js.map
│  │  │              manifest.3ad1d5771e9b13dbdad2.js
│  │  │              manifest.3ad1d5771e9b13dbdad2.js.map
│  │  │              vendor.ed158e8e8f83e07b52d4.js
│  │  │              vendor.ed158e8e8f83e07b52d4.js.map
│  │  │
│  │  ├─src
│  │  │  │  App.vue
│  │  │  │  main.js
│  │  │  │
│  │  │  ├─assets
│  │  │  │      logo.png
│  │  │  │
│  │  │  ├─components
│  │  │  │      HelloWorld.vue
│  │  │  │
│  │  │  └─router
│  │  │          index.js
│  │  │
│  │  └─static
│  │          .gitkeep
│  │
│  ├─mint-ui-wechat-demo
│  │  │  .babelrc
│  │  │  .editorconfig
│  │  │  .gitignore
│  │  │  .postcssrc.js
│  │  │  index.html
│  │  │  package.json
│  │  │  README.md
│  │  │  yarn.lock
│  │  │
│  │  ├─build
│  │  │      build.js
│  │  │      check-versions.js
│  │  │      logo.png
│  │  │      utils.js
│  │  │      vue-loader.conf.js
│  │  │      webpack.base.conf.js
│  │  │      webpack.dev.conf.js
│  │  │      webpack.prod.conf.js
│  │  │
│  │  ├─config
│  │  │      dev.env.js
│  │  │      index.js
│  │  │      prod.env.js
│  │  │
│  │  ├─dist
│  │  │  │  index.html
│  │  │  │
│  │  │  └─static
│  │  │      ├─css
│  │  │      │      app.c76d596ca9f07f227f59c6d7c0697f89.css
│  │  │      │      app.c76d596ca9f07f227f59c6d7c0697f89.css.map
│  │  │      │
│  │  │      ├─img
│  │  │      │      avator.8e78b4c.png
│  │  │      │      ic_find_selected.c0d310d.png
│  │  │      │      ic_friends_circle.6a62b1d.png
│  │  │      │      ic_game.1f76b14.png
│  │  │      │      ic_shake.ce6e6cc.png
│  │  │      │
│  │  │      └─js
│  │  │              app.fb2bc7e32b0dd8a750e7.js
│  │  │              app.fb2bc7e32b0dd8a750e7.js.map
│  │  │              manifest.3ad1d5771e9b13dbdad2.js
│  │  │              manifest.3ad1d5771e9b13dbdad2.js.map
│  │  │              vendor.e58852521f37bf6e90fd.js
│  │  │              vendor.e58852521f37bf6e90fd.js.map
│  │  │
│  │  ├─src
│  │  │  │  App.vue
│  │  │  │  main.js
│  │  │  │
│  │  │  ├─assets
│  │  │  │      avator.png
│  │  │  │      a_7.png
│  │  │  │      ic_add.png
│  │  │  │      ic_bottle.png
│  │  │  │      ic_collect.png
│  │  │  │      ic_common.png
│  │  │  │      ic_contacts_normal.png
│  │  │  │      ic_contacts_selected.png
│  │  │  │      ic_emoji.png
│  │  │  │      ic_find_normal.png
│  │  │  │      ic_find_selected.png
│  │  │  │      ic_friends_circle.png
│  │  │  │      ic_gallery.png
│  │  │  │      ic_game.png
│  │  │  │      ic_group_chat.png
│  │  │  │      ic_kabao.png
│  │  │  │      ic_me_normal.png
│  │  │  │      ic_me_selected.png
│  │  │  │      ic_nearby.png
│  │  │  │      ic_new_friends.png
│  │  │  │      ic_program.png
│  │  │  │      ic_qr_code.png
│  │  │  │      ic_scan.png
│  │  │  │      ic_search.png
│  │  │  │      ic_settings.png
│  │  │  │      ic_shake.png
│  │  │  │      ic_tag.png
│  │  │  │      ic_wallet.png
│  │  │  │      ic_weixin_normal.png
│  │  │  │      ic_weixin_selected.png
│  │  │  │      logo.png
│  │  │  │
│  │  │  ├─components
│  │  │  │  │  Home.vue
│  │  │  │  │
│  │  │  │  ├─common
│  │  │  │  │      CommonItem.vue
│  │  │  │  │      Message.vue
│  │  │  │  │      TabBarIcon.vue
│  │  │  │  │      TitleBar.vue
│  │  │  │  │
│  │  │  │  ├─contact
│  │  │  │  │      Contact.vue
│  │  │  │  │
│  │  │  │  ├─find
│  │  │  │  │      Find.vue
│  │  │  │  │
│  │  │  │  ├─me
│  │  │  │  │      Me.vue
│  │  │  │  │
│  │  │  │  └─message
│  │  │  │          MessageList.vue
│  │  │  │
│  │  │  ├─json
│  │  │  │      messagelist.json
│  │  │  │
│  │  │  ├─mint-ui
│  │  │  │      index.js
│  │  │  │
│  │  │  └─router
│  │  │          index.js
│  │  │
│  │  └─static
│  │          .gitkeep
│  │
│  ├─usecdndemo
│  │  │  index.html
│  │  │
│  │  └─js
│  │          index.js
│  │
│  └─usecdntaobaologin
│      │  index.html
│      │
│      ├─css
│      │      normalize.css
│      │
│      ├─imgs
│      │      tblogo.png
│      │
│      └─js
│              taobaologin.js

├─09、vue网络请求
│  │  index.html
│  │
│  ├─async-await-demo
│  │  │  .babelrc
│  │  │  .editorconfig
│  │  │  .gitignore
│  │  │  .postcssrc.js
│  │  │  index.html
│  │  │  package.json
│  │  │  README.md
│  │  │  yarn.lock
│  │  │
│  │  ├─build
│  │  │      build.js
│  │  │      check-versions.js
│  │  │      logo.png
│  │  │      utils.js
│  │  │      vue-loader.conf.js
│  │  │      webpack.base.conf.js
│  │  │      webpack.dev.conf.js
│  │  │      webpack.prod.conf.js
│  │  │
│  │  ├─config
│  │  │      dev.env.js
│  │  │      index.js
│  │  │      prod.env.js
│  │  │
│  │  ├─dist
│  │  │  │  index.html
│  │  │  │
│  │  │  └─static
│  │  │      │  mydata.json
│  │  │      │
│  │  │      ├─css
│  │  │      │      app.efc968b62134ca94d52c63af8ee40a53.css
│  │  │      │      app.efc968b62134ca94d52c63af8ee40a53.css.map
│  │  │      │
│  │  │      └─js
│  │  │              app.c18c2d5e5878d010d779.js
│  │  │              app.c18c2d5e5878d010d779.js.map
│  │  │              manifest.3ad1d5771e9b13dbdad2.js
│  │  │              manifest.3ad1d5771e9b13dbdad2.js.map
│  │  │              vendor.b98487170dfbca170182.js
│  │  │              vendor.b98487170dfbca170182.js.map
│  │  │
│  │  ├─src
│  │  │  │  App.vue
│  │  │  │  main.js
│  │  │  │
│  │  │  ├─assets
│  │  │  │      logo.png
│  │  │  │
│  │  │  ├─components
│  │  │  │      HelloWorld.vue
│  │  │  │
│  │  │  └─router
│  │  │          index.js
│  │  │
│  │  └─static
│  │          .gitkeep
│  │          mydata.json
│  │
│  ├─axios-demo
│  │  │  .babelrc
│  │  │  .editorconfig
│  │  │  .gitignore
│  │  │  .postcssrc.js
│  │  │  index.html
│  │  │  package.json
│  │  │  README.md
│  │  │  yarn.lock
│  │  │
│  │  ├─build
│  │  │      build.js
│  │  │      check-versions.js
│  │  │      logo.png
│  │  │      utils.js
│  │  │      vue-loader.conf.js
│  │  │      webpack.base.conf.js
│  │  │      webpack.dev.conf.js
│  │  │      webpack.prod.conf.js
│  │  │
│  │  ├─config
│  │  │      dev.env.js
│  │  │      index.js
│  │  │      prod.env.js
│  │  │
│  │  ├─dist
│  │  │  │  index.html
│  │  │  │
│  │  │  └─static
│  │  │      │  mydata.json
│  │  │      │
│  │  │      ├─css
│  │  │      │      app.de02a58e052b80315e49cbb0a873497a.css
│  │  │      │      app.de02a58e052b80315e49cbb0a873497a.css.map
│  │  │      │
│  │  │      └─js
│  │  │              app.487375b3c5084da34369.js
│  │  │              app.487375b3c5084da34369.js.map
│  │  │              manifest.3ad1d5771e9b13dbdad2.js
│  │  │              manifest.3ad1d5771e9b13dbdad2.js.map
│  │  │              vendor.c397231b51d1afea579a.js
│  │  │              vendor.c397231b51d1afea579a.js.map
│  │  │
│  │  ├─src
│  │  │  │  App.vue
│  │  │  │  main.js
│  │  │  │
│  │  │  ├─assets
│  │  │  │      logo.png
│  │  │  │
│  │  │  ├─components
│  │  │  │      HelloWorld.vue
│  │  │  │
│  │  │  └─router
│  │  │          index.js
│  │  │
│  │  └─static
│  │          .gitkeep
│  │          mydata.json
│  │
│  ├─customAjaxDemo
│  │  │  .babelrc
│  │  │  .editorconfig
│  │  │  .gitignore
│  │  │  .postcssrc.js
│  │  │  index.html
│  │  │  package.json
│  │  │  README.md
│  │  │  yarn.lock
│  │  │
│  │  ├─build
│  │  │      build.js
│  │  │      check-versions.js
│  │  │      logo.png
│  │  │      utils.js
│  │  │      vue-loader.conf.js
│  │  │      webpack.base.conf.js
│  │  │      webpack.dev.conf.js
│  │  │      webpack.prod.conf.js
│  │  │
│  │  ├─config
│  │  │      dev.env.js
│  │  │      index.js
│  │  │      prod.env.js
│  │  │
│  │  ├─dist
│  │  │  │  index.html
│  │  │  │
│  │  │  └─static
│  │  │      │  mydata.json
│  │  │      │
│  │  │      ├─css
│  │  │      │      app.5c8a90dec40153043f3d37f53aa1bc12.css
│  │  │      │      app.5c8a90dec40153043f3d37f53aa1bc12.css.map
│  │  │      │
│  │  │      └─js
│  │  │              app.ff9007c3b33275211e6a.js
│  │  │              app.ff9007c3b33275211e6a.js.map
│  │  │              manifest.3ad1d5771e9b13dbdad2.js
│  │  │              manifest.3ad1d5771e9b13dbdad2.js.map
│  │  │              vendor.7fed9fa7b7ba482410b7.js
│  │  │              vendor.7fed9fa7b7ba482410b7.js.map
│  │  │
│  │  ├─src
│  │  │  │  App.vue
│  │  │  │  main.js
│  │  │  │
│  │  │  ├─assets
│  │  │  │      logo.png
│  │  │  │
│  │  │  ├─components
│  │  │  │      HelloWorld.vue
│  │  │  │
│  │  │  ├─js
│  │  │  │      customAjax.js
│  │  │  │
│  │  │  └─router
│  │  │          index.js
│  │  │
│  │  └─static
│  │          .gitkeep
│  │          mydata.json
│  │
│  ├─jquerydemo
│  │  │  .babelrc
│  │  │  .editorconfig
│  │  │  .gitignore
│  │  │  .postcssrc.js
│  │  │  index.html
│  │  │  package.json
│  │  │  README.md
│  │  │  yarn.lock
│  │  │
│  │  ├─build
│  │  │      build.js
│  │  │      check-versions.js
│  │  │      logo.png
│  │  │      utils.js
│  │  │      vue-loader.conf.js
│  │  │      webpack.base.conf.js
│  │  │      webpack.dev.conf.js
│  │  │      webpack.prod.conf.js
│  │  │
│  │  ├─config
│  │  │      dev.env.js
│  │  │      index.js
│  │  │      prod.env.js
│  │  │
│  │  ├─dist
│  │  │  │  index.html
│  │  │  │
│  │  │  └─static
│  │  │      │  mydata.json
│  │  │      │
│  │  │      ├─css
│  │  │      │      app.7bc3d861f6e8e0cad62b7793fcf44b09.css
│  │  │      │      app.7bc3d861f6e8e0cad62b7793fcf44b09.css.map
│  │  │      │
│  │  │      └─js
│  │  │              app.af9bc9a3139ab90101bc.js
│  │  │              app.af9bc9a3139ab90101bc.js.map
│  │  │              manifest.3ad1d5771e9b13dbdad2.js
│  │  │              manifest.3ad1d5771e9b13dbdad2.js.map
│  │  │              vendor.71d6295deb88505bc3af.js
│  │  │              vendor.71d6295deb88505bc3af.js.map
│  │  │
│  │  ├─src
│  │  │  │  App.vue
│  │  │  │  main.js
│  │  │  │
│  │  │  ├─assets
│  │  │  │      logo.png
│  │  │  │
│  │  │  ├─components
│  │  │  │      HelloWorld.vue
│  │  │  │
│  │  │  └─router
│  │  │          index.js
│  │  │
│  │  └─static
│  │          .gitkeep
│  │          mydata.json
│  │
│  ├─vue-custom-promise-basedxhr
│  │  │  .babelrc
│  │  │  .editorconfig
│  │  │  .gitignore
│  │  │  .postcssrc.js
│  │  │  index.html
│  │  │  package.json
│  │  │  README.md
│  │  │  yarn.lock
│  │  │
│  │  ├─build
│  │  │      build.js
│  │  │      check-versions.js
│  │  │      logo.png
│  │  │      utils.js
│  │  │      vue-loader.conf.js
│  │  │      webpack.base.conf.js
│  │  │      webpack.dev.conf.js
│  │  │      webpack.prod.conf.js
│  │  │
│  │  ├─config
│  │  │      dev.env.js
│  │  │      index.js
│  │  │      prod.env.js
│  │  │
│  │  ├─dist
│  │  │  │  index.html
│  │  │  │
│  │  │  └─static
│  │  │      │  mydata.json
│  │  │      │
│  │  │      ├─css
│  │  │      │      app.fddd7fc7a81ab1bbeeedebe9220530d8.css
│  │  │      │      app.fddd7fc7a81ab1bbeeedebe9220530d8.css.map
│  │  │      │
│  │  │      └─js
│  │  │              app.0ac72b89ea57a2cabe7b.js
│  │  │              app.0ac72b89ea57a2cabe7b.js.map
│  │  │              manifest.3ad1d5771e9b13dbdad2.js
│  │  │              manifest.3ad1d5771e9b13dbdad2.js.map
│  │  │              vendor.f68eb159fd2b2a208fb6.js
│  │  │              vendor.f68eb159fd2b2a208fb6.js.map
│  │  │
│  │  ├─src
│  │  │  │  App.vue
│  │  │  │  main.js
│  │  │  │
│  │  │  ├─assets
│  │  │  │      logo.png
│  │  │  │
│  │  │  ├─components
│  │  │  │      HelloWorld.vue
│  │  │  │
│  │  │  ├─js
│  │  │  │      request.js
│  │  │  │
│  │  │  └─router
│  │  │          index.js
│  │  │
│  │  └─static
│  │          .gitkeep
│  │          mydata.json
│  │
│  ├─vue-fetch-demo
│  │  │  .babelrc
│  │  │  .editorconfig
│  │  │  .gitignore
│  │  │  .postcssrc.js
│  │  │  index.html
│  │  │  package.json
│  │  │  README.md
│  │  │  yarn.lock
│  │  │
│  │  ├─build
│  │  │      build.js
│  │  │      check-versions.js
│  │  │      logo.png
│  │  │      utils.js
│  │  │      vue-loader.conf.js
│  │  │      webpack.base.conf.js
│  │  │      webpack.dev.conf.js
│  │  │      webpack.prod.conf.js
│  │  │
│  │  ├─config
│  │  │      dev.env.js
│  │  │      index.js
│  │  │      prod.env.js
│  │  │
│  │  ├─dist
│  │  │  │  index.html
│  │  │  │
│  │  │  └─static
│  │  │      │  mydata.json
│  │  │      │
│  │  │      ├─css
│  │  │      │      app.cf062253559b2a089aa17a9074fe2c50.css
│  │  │      │      app.cf062253559b2a089aa17a9074fe2c50.css.map
│  │  │      │
│  │  │      └─js
│  │  │              app.3fc679a09c87eaf8665d.js
│  │  │              app.3fc679a09c87eaf8665d.js.map
│  │  │              manifest.3ad1d5771e9b13dbdad2.js
│  │  │              manifest.3ad1d5771e9b13dbdad2.js.map
│  │  │              vendor.7fed9fa7b7ba482410b7.js
│  │  │              vendor.7fed9fa7b7ba482410b7.js.map
│  │  │
│  │  ├─src
│  │  │  │  App.vue
│  │  │  │  main.js
│  │  │  │
│  │  │  ├─assets
│  │  │  │      logo.png
│  │  │  │
│  │  │  ├─components
│  │  │  │      HelloWorld.vue
│  │  │  │
│  │  │  └─router
│  │  │          index.js
│  │  │
│  │  └─static
│  │          .gitkeep
│  │          mydata.json
│  │
│  └─vue-resource-demo
│      │  .babelrc
│      │  .editorconfig
│      │  .gitignore
│      │  .postcssrc.js
│      │  index.html
│      │  package.json
│      │  README.md
│      │  yarn.lock
│      │
│      ├─build
│      │      build.js
│      │      check-versions.js
│      │      logo.png
│      │      utils.js
│      │      vue-loader.conf.js
│      │      webpack.base.conf.js
│      │      webpack.dev.conf.js
│      │      webpack.prod.conf.js
│      │
│      ├─config
│      │      dev.env.js
│      │      index.js
│      │      prod.env.js
│      │
│      ├─dist
│      │  │  index.html
│      │  │
│      │  └─static
│      │      │  mydata.json
│      │      │
│      │      ├─css
│      │      │      app.d32d64903235dbc5c50e38bd2a144f22.css
│      │      │      app.d32d64903235dbc5c50e38bd2a144f22.css.map
│      │      │
│      │      └─js
│      │              app.a2f469ba3a4e55a7310d.js
│      │              app.a2f469ba3a4e55a7310d.js.map
│      │              manifest.3ad1d5771e9b13dbdad2.js
│      │              manifest.3ad1d5771e9b13dbdad2.js.map
│      │              vendor.8f406d7faa549d61a024.js
│      │              vendor.8f406d7faa549d61a024.js.map
│      │
│      ├─src
│      │  │  App.vue
│      │  │  main.js
│      │  │
│      │  ├─assets
│      │  │      logo.png
│      │  │
│      │  ├─components
│      │  │      HelloWorld.vue
│      │  │
│      │  └─router
│      │          index.js
│      │
│      └─static
│              .gitkeep
│              mydata.json

├─10、js模块化编程
│  │  index.html
│  │
│  ├─js
│  │      customModule.js
│  │      index.js
│  │      test.js
│  │
│  └─module
│      │  index.html
│      │
│      ├─asyncjs
│      │  │  index.html
│      │  │  test.js
│      │  │
│      │  ├─ajax-request
│      │  │      index.html
│      │  │      xhr_async_request.js
│      │  │
│      │  ├─dynamic-add-script
│      │  │      dynamic_add_script.js
│      │  │      index.html
│      │  │      jquery-3.3.1.min.js
│      │  │
│      │  └─uss-async-or-defer
│      │          index.html
│      │          index.js
│      │          mytest.js
│      │
│      ├─commonjs
│      │      bundle.js
│      │      customCommonjs.js
│      │      index.html
│      │      index.js
│      │
│      └─customCommonjs
│              index.html
│              index.js

└─imgs
        myscancode.jpg