实例介绍
【实例简介】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
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论