{"id":122,"date":"2021-01-20T20:11:19","date_gmt":"2021-01-20T12:11:19","guid":{"rendered":"http:\/\/gjweb.top\/?p=122"},"modified":"2021-03-19T15:22:36","modified_gmt":"2021-03-19T07:22:36","slug":"vue%e9%a1%b9%e7%9b%ae%e5%b8%b8%e7%94%a8%e4%be%9d%e8%b5%96%e9%9b%86","status":"publish","type":"post","link":"https:\/\/gjweb.top\/?p=122","title":{"rendered":"vue\u9879\u76ee\u5e38\u7528\u4f9d\u8d56\u96c6"},"content":{"rendered":"\n

\u3010axios\u3011\u5f15\u5165<\/h1>\n\n\n\n
npm install axios -S<\/code><\/pre>\n\n\n\n
main.js<\/h2>\n\n\n\n
import axios from 'axios'\nVue.prototype.$axios = axios;<\/code><\/pre>\n\n\n\n
\n\n\n\n
\u3010babel-polyfill\u3011\u5f15\u5165<\/h1>\n\n\n\n
\u4e3a\u89e3\u51b3es6\u8bed\u6cd5\u5728IE\u4e2d\u517c\u5bb9\u6027\u95ee\u9898 IE9+<\/p>\n\n\n\n
npm install babel-polyfill<\/code><\/pre>\n\n\n\n
\u5728main.js\u4e2d\u914d\u7f6e<\/p>\n\n\n\n
\u5728main.js\u4e2d\u914d\u7f6e<\/code><\/pre>\n\n\n\n
\n\n\n\n
\u3010cookie&&session\u3011\u5f15\u5165<\/h1>\n\n\n\n
cookies<\/h2>\n\n\n\n
npm install vue-cookies -S<\/code><\/pre>\n\n\n\n
main.js<\/h3>\n\n\n\n
import VueCookies from 'vue-cookies'\nVue.use(VueCookies);<\/code><\/pre>\n\n\n\n
\u4f7f\u7528<\/h3>\n\n\n\n
this.$cookies.set(\"key\",value); \/\/\u5b58cookies\nthis.$cookies.get(\"key\"); \/\/\u83b7\u53d6cookies<\/code><\/pre>\n\n\n\n
session<\/h2>\n\n\n\n
npm install vue-session<\/code><\/pre>\n\n\n\n
\u5728main.js\u4e2d\u914d\u7f6e<\/h3>\n\n\n\n
import VueSession from 'vue-session'\nVue.use(VueSession)<\/code><\/pre>\n\n\n\n
\u4f7f\u7528<\/h3>\n\n\n\n
this.$session.set(\"key\",value); \/\/\u5b58session\nthis.$session.get(\"key\"); \/\/\u83b7\u53d6session<\/code><\/pre>\n\n\n\n
\n\n\n\n
\u3010Echarts\u3011\u5f15\u5165<\/h1>\n\n\n\n
npm install echarts -S<\/code><\/pre>\n\n\n\n
main.js<\/h2>\n\n\n\n
import echarts from 'echarts'\nVue.prototype.$echarts = echarts<\/code><\/pre>\n\n\n\n
Echarts5.0\u5f15\u5165\u65b9\u5f0f<\/h2>\n\n\n\n
import * as echarts from 'echarts';\r\n\/\/ \u6309\u9700\u5f15\u5165\r\nimport * as echarts from 'echarts\/lib\/echarts';<\/code><\/pre>\n\n\n\n
\u5728\u4f7f\u7528\u7684\u9875\u9762\u5f15\u5165<\/h2>\n\n\n\n
var echarts = require(\"echarts\/lib\/echarts\");\n    require(\"echarts\/lib\/chart\/bar\");\n    require(\"echarts\/lib\/chart\/radar\");\n    require(\"echarts\/lib\/component\/tooltip\");\n    require(\"echarts\/lib\/component\/title\");<\/code><\/pre>\n\n\n\n
\n\n\n\n
\u3010es6-promise\u3011\u5f15\u5165<\/h1>\n\n\n\n
\u89e3\u51b3promise\u5728ie\u6d4f\u89c8\u5668\u7684\u517c\u5bb9\u6027\u95ee\u9898 IE9+<\/p>\n\n\n\n
npm install es6-promise --save-dev<\/code><\/pre>\n\n\n\n
\u5728main.js\u4e2d\u914d\u7f6e<\/p>\n\n\n\n
import promise from 'es6-promise';\npromise.polyfill();<\/code><\/pre>\n\n\n\n
\n\n\n\n
\u3010JQuery\u3011\u5f15\u5165<\/h1>\n\n\n\n
npm install jquery -S<\/code><\/pre>\n\n\n\n
\u914d\u7f6ewebpack.base.conf\u6587\u4ef6<\/h2>\n\n\n\n
const webpack = require(\"webpack\");\n\/\/\u5728\u6700\u540e\nmodule.exports = {\n    \/\/\u6dfb\u52a0\n    plugins:[\n        new webpack.optimize.CommonsChunkPlugin('common.js'),\n        new webpack.ProvidePlugin({\n            jQuery: \"jquery\",\n            $: \"jquery\"\n        })\n    ]\n}<\/code><\/pre>\n\n\n\n
\u5728main.js\u4e2d\u914d\u7f6e<\/h2>\n\n\n\n
import $ from 'jquery'<\/code><\/pre>\n\n\n\n
\n\n\n\n
sass\u5f15\u5165<\/h1>\n\n\n\n
\"sass-loader\": \"7.3.1\",\r\n\"style-loader\": \"^2.0.0\",   \r\n\"node-sass\":'4.0.0'<\/code><\/pre>\n\n\n\n
build\/webpack.base.conf\/\r\nmodule:{\r\n    rules:[\r\n        {\r\n        \ttest: \/.sass$\/,\r\n        \tloaders: ['style', 'css', 'sass']\r\n      \t},\r\n    ]\r\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u3010axios\u3011\u5f15\u5165 main.js \u3010babel-polyfill\u3011\u5f15\u5165 \u4e3a\u89e3\u51b3es6\u8bed\u6cd5\u5728IE\u4e2d\u517c\u5bb9\u6027\u95ee\u9898  […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-122","post","type-post","status-publish","format-standard","hentry","category-vue"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=122"}],"version-history":[{"count":0,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/122\/revisions"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}