JLNTV_IPD/vue-h5-template
4
0
Fork 0
mirror of https://github.com/sunniejs/vue-h5-template.git synced 2025-06-25 22:39:15 +08:00
Code Issues Projects Releases Wiki Activity

deploy: b402a994d7751bcff34c7ab68cea8d25ff021f28

Browse Source
This commit is contained in:
fonghehe 2022-11-25 06:17:15 +00:00
parent bfdffc9317
commit ad34c44856
129 changed files with 545 additions and 515 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
404.html
View File

File diff suppressed because one or more lines are too long

7
assets/app.9df4ae05.js Normal file
View File

File diff suppressed because one or more lines are too long

1
assets/app.b03f2eea.js
View File

File diff suppressed because one or more lines are too long

22
assets/chunks/VPAlgoliaSearchBox.e998d899.js → assets/chunks/VPAlgoliaSearchBox.583bdd6a.js
View File

File diff suppressed because one or more lines are too long

1
assets/guide_about_index.md.1c1cf262.js
View File

@ -1 +0,0 @@
import{o as s,c as o,_ as c,p as d,a as n,b as t}from"./app.b03f2eea.js";const a=e=>(d("data-v-c84c926a"),e=e(),n(),e),p=a(()=>t("p",{style:{"margin-bottom":"50px"}},[t("img",{src:"https://cdn.jsdelivr.net/gh/fonghehe/picture/personal/account.jpg",width:"300"})],-1)),_=a(()=>t("p",null,[t("img",{src:"https://cdn.jsdelivr.net/gh/fonghehe/picture/personal/group.jpg",width:"300"})],-1)),i=[p,_],m=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"page"},"headers":[],"relativePath":"guide/about/index.md","lastUpdated":1665744343000}'),r={name:"guide/about/index.md"},l=Object.assign(r,{setup(e){return(h,u)=>(s(),o("div",null,i))}}),x=c(l,[["__scopeId","data-v-c84c926a"]]);export{m as __pageData,x as default};

1
assets/guide_about_index.md.1c1cf262.lean.js
View File

@ -1 +0,0 @@
import{o as s,c as o,_ as c,p as d,a as n,b as t}from"./app.b03f2eea.js";const a=e=>(d("data-v-c84c926a"),e=e(),n(),e),p=a(()=>t("p",{style:{"margin-bottom":"50px"}},[t("img",{src:"https://cdn.jsdelivr.net/gh/fonghehe/picture/personal/account.jpg",width:"300"})],-1)),_=a(()=>t("p",null,[t("img",{src:"https://cdn.jsdelivr.net/gh/fonghehe/picture/personal/group.jpg",width:"300"})],-1)),i=[p,_],m=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"page"},"headers":[],"relativePath":"guide/about/index.md","lastUpdated":1665744343000}'),r={name:"guide/about/index.md"},l=Object.assign(r,{setup(e){return(h,u)=>(s(),o("div",null,i))}}),x=c(l,[["__scopeId","data-v-c84c926a"]]);export{m as __pageData,x as default};

1
assets/guide_about_index.md.8fcb0a4b.js Normal file
View File

@ -0,0 +1 @@
import{o,c as a,_ as c,p as d,a as n,b as t}from"./app.9df4ae05.js";const s=e=>(d("data-v-e7cb85b4"),e=e(),n(),e),p=s(()=>t("p",{style:{"margin-bottom":"50px"}},[t("img",{src:"https://cdn.jsdelivr.net/gh/fonghehe/picture/personal/account.jpg",width:"300"})],-1)),_=s(()=>t("p",null,[t("img",{src:"https://cdn.jsdelivr.net/gh/fonghehe/picture/personal/group.jpg",width:"300"})],-1)),i=[p,_],m=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"page"},"headers":[],"relativePath":"guide/about/index.md","lastUpdated":1669356998000}'),r={name:"guide/about/index.md"},l=Object.assign(r,{setup(e){return(h,u)=>(o(),a("div",null,i))}}),b=c(l,[["__scopeId","data-v-e7cb85b4"]]);export{m as __pageData,b as default};

1
assets/guide_about_index.md.8fcb0a4b.lean.js Normal file
View File

@ -0,0 +1 @@
import{o,c as a,_ as c,p as d,a as n,b as t}from"./app.9df4ae05.js";const s=e=>(d("data-v-e7cb85b4"),e=e(),n(),e),p=s(()=>t("p",{style:{"margin-bottom":"50px"}},[t("img",{src:"https://cdn.jsdelivr.net/gh/fonghehe/picture/personal/account.jpg",width:"300"})],-1)),_=s(()=>t("p",null,[t("img",{src:"https://cdn.jsdelivr.net/gh/fonghehe/picture/personal/group.jpg",width:"300"})],-1)),i=[p,_],m=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"page"},"headers":[],"relativePath":"guide/about/index.md","lastUpdated":1669356998000}'),r={name:"guide/about/index.md"},l=Object.assign(r,{setup(e){return(h,u)=>(o(),a("div",null,i))}}),b=c(l,[["__scopeId","data-v-e7cb85b4"]]);export{m as __pageData,b as default};

4
assets/guide_edit.md.dbaee3a0.js → assets/guide_edit.md.32d1f37d.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as n,c as a,d as e}from"./app.b03f2eea.js";const u=JSON.parse('{"title":"\u53C2\u4E0E\u7F16\u8F91","description":"","frontmatter":{},"headers":[],"relativePath":"guide/edit.md","lastUpdated":1665744343000}'),p={name:"guide/edit.md"},l=e(`<h1 id="\u53C2\u4E0E\u7F16\u8F91" tabindex="-1">\u53C2\u4E0E\u7F16\u8F91 <a class="header-anchor" href="#\u53C2\u4E0E\u7F16\u8F91" aria-hidden="true">#</a></h1><p>\u6B22\u8FCE\u6709\u610F\u613F\u53C2\u4E0E\u5230\u5F00\u6E90\u7684\u670B\u53CB\uFF0C\u52A0\u5165\u5230\u672C\u6587\u6863\u7684\u7F16\u5199\uFF0C\u4E66\u5199\u6587\u6863\u4E0D\u4EC5\u662F\u6559\u4F1A\u522B\u4EBA\u77E5\u8BC6\uFF0C\u66F4\u662F\u7528\u81EA\u5DF1\u7684\u8868\u8FBE\u65B9\u5F0F\u6982\u62EC\u81EA\u5DF1\u6240\u5B66\u4E60\u77E5\u8BC6\u7684\u4E00\u79CD\u65B9\u5F0F\uFF0C\u8FD9\u5BF9\u4E2A\u4EBA\u6765\u8BF4\u662F\u4E0D\u591A\u7684\u6210\u957F\u673A\u4F1A\u3002</p><div class="language-js"><button class="copy"></button><span class="lang">js</span><pre><code><span class="line"></span>
import{_ as s,o as n,c as a,d as e}from"./app.9df4ae05.js";const h=JSON.parse('{"title":"\u53C2\u4E0E\u7F16\u8F91","description":"","frontmatter":{},"headers":[],"relativePath":"guide/edit.md","lastUpdated":1669356998000}'),p={name:"guide/edit.md"},l=e(`<h1 id="\u53C2\u4E0E\u7F16\u8F91" tabindex="-1">\u53C2\u4E0E\u7F16\u8F91 <a class="header-anchor" href="#\u53C2\u4E0E\u7F16\u8F91" aria-hidden="true">#</a></h1><p>\u6B22\u8FCE\u6709\u610F\u613F\u53C2\u4E0E\u5230\u5F00\u6E90\u7684\u670B\u53CB\uFF0C\u52A0\u5165\u5230\u672C\u6587\u6863\u7684\u7F16\u5199\uFF0C\u4E66\u5199\u6587\u6863\u4E0D\u4EC5\u662F\u6559\u4F1A\u522B\u4EBA\u77E5\u8BC6\uFF0C\u66F4\u662F\u7528\u81EA\u5DF1\u7684\u8868\u8FBE\u65B9\u5F0F\u6982\u62EC\u81EA\u5DF1\u6240\u5B66\u4E60\u77E5\u8BC6\u7684\u4E00\u79CD\u65B9\u5F0F\uFF0C\u8FD9\u5BF9\u4E2A\u4EBA\u6765\u8BF4\u662F\u4E0D\u53EF\u591A\u5F97\u7684\u6210\u957F\u673A\u4F1A\u3002</p><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki"><code><span class="line"></span>
<span class="line"><span style="color:#676E95;">// \u62C9\u53D6\u9879\u76EE</span></span>
<span class="line"><span style="color:#A6ACCD;">git clone </span><span style="color:#FFCB6B;">https</span><span style="color:#89DDFF;">:</span><span style="color:#676E95;">//github.com/sunniejs/vue-h5-template</span></span>
<span class="line"></span>
@ -11,4 +11,4 @@ import{_ as s,o as n,c as a,d as e}from"./app.b03f2eea.js";const u=JSON.parse('{
<span class="line"><span style="color:#676E95;">// \u542F\u52A8\u9879\u76EE</span></span>
<span class="line"><span style="color:#A6ACCD;">yarn start</span></span>
<span class="line"></span>
<span class="line"></span></code></pre></div>`,3),t=[l];function o(c,r,i,d,_,y){return n(),a("div",null,t)}const A=s(p,[["render",o]]);export{u as __pageData,A as default};
<span class="line"></span></code></pre></div>`,3),t=[l];function o(c,i,r,d,_,y){return n(),a("div",null,t)}const u=s(p,[["render",o]]);export{h as __pageData,u as default};

1
assets/guide_edit.md.32d1f37d.lean.js Normal file
View File

@ -0,0 +1 @@
import{_ as s,o as n,c as a,d as e}from"./app.9df4ae05.js";const h=JSON.parse('{"title":"\u53C2\u4E0E\u7F16\u8F91","description":"","frontmatter":{},"headers":[],"relativePath":"guide/edit.md","lastUpdated":1669356998000}'),p={name:"guide/edit.md"},l=e("",3),t=[l];function o(c,i,r,d,_,y){return n(),a("div",null,t)}const u=s(p,[["render",o]]);export{h as __pageData,u as default};

1
assets/guide_edit.md.dbaee3a0.lean.js
View File

@ -1 +0,0 @@
import{_ as s,o as n,c as a,d as e}from"./app.b03f2eea.js";const u=JSON.parse('{"title":"\u53C2\u4E0E\u7F16\u8F91","description":"","frontmatter":{},"headers":[],"relativePath":"guide/edit.md","lastUpdated":1665744343000}'),p={name:"guide/edit.md"},l=e("",3),t=[l];function o(c,r,i,d,_,y){return n(),a("div",null,t)}const A=s(p,[["render",o]]);export{u as __pageData,A as default};

2
assets/guide_index.md.31fca697.js → assets/guide_index.md.fd31ca00.js
View File

@ -1 +1 @@
import{_ as e,o as t,c as a,d as i}from"./app.b03f2eea.js";const v=JSON.parse('{"title":"Vue-H5-Template","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u7279\u70B9","slug":"\u7279\u70B9","link":"#\u7279\u70B9","children":[{"level":3,"title":"\u6700\u65B0\u6280\u672F\u6808","slug":"\u6700\u65B0\u6280\u672F\u6808","link":"#\u6700\u65B0\u6280\u672F\u6808","children":[]},{"level":3,"title":"\u57FA\u4E8E TypeScript","slug":"\u57FA\u4E8E-typescript","link":"#\u57FA\u4E8E-typescript","children":[]},{"level":3,"title":"\u8F7B\u91CF\u7EA7","slug":"\u8F7B\u91CF\u7EA7","link":"#\u8F7B\u91CF\u7EA7","children":[]},{"level":3,"title":"\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863","slug":"\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863","link":"#\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863","children":[]}]}],"relativePath":"guide/index.md","lastUpdated":1665744343000}'),l={name:"guide/index.md"},r=i('<h1 id="vue-h5-template" tabindex="-1">Vue-H5-Template <a class="header-anchor" href="#vue-h5-template" aria-hidden="true">#</a></h1><p><a href="https://github.com/sunniejs/vue-h5-template" target="_blank" rel="noreferrer">Vue-H5-Template</a>\uFF0C\u662F\u57FA\u4E8E vite3 + vue3 + pinia + ( Vant or Varlet or NutUI ) + viewport \u9002\u914D\u65B9\u6848 \uFF0C\u6784\u5EFA\u79FB\u52A8\u7AEF\u5FEB\u901F\u5F00\u53D1\u811A\u624B\u67B6</p><h2 id="\u7279\u70B9" tabindex="-1">\u7279\u70B9 <a class="header-anchor" href="#\u7279\u70B9" aria-hidden="true">#</a></h2><h3 id="\u6700\u65B0\u6280\u672F\u6808" tabindex="-1">\u6700\u65B0\u6280\u672F\u6808 <a class="header-anchor" href="#\u6700\u65B0\u6280\u672F\u6808" aria-hidden="true">#</a></h3><ul><li>\u6846\u67B6\u9009\u578B\u57FA\u4E8E\u5F53\u4E0B\u6D41\u884C\u7684 vue + vite + ts \u6A21\u5F0F\uFF0C\u7CBE\u9009\u793E\u533A star \u548C\u6EE1\u610F\u5EA6\u5747\u4E0D\u9519\u7684 ui \u6846\u67B6\u548C vite \u63D2\u4EF6\uFF0C\u5E76\u65F6\u5E38\u8FDB\u884C\u66F4\u65B0\uFF0C\u786E\u4FDD\u4E0E\u5B98\u65B9\u6587\u6863\u4E00\u81F4</li></ul><h3 id="\u57FA\u4E8E-typescript" tabindex="-1">\u57FA\u4E8E TypeScript <a class="header-anchor" href="#\u57FA\u4E8E-typescript" aria-hidden="true">#</a></h3><ul><li>Typescript \u9010\u6E10\u5728\u5404\u79CD\u5927\u578B\u7684 js \u9879\u76EE\u4E2D\u4F7F\u7528\uFF0C\u660E\u786E\u7684\u7C7B\u578B\u5B9A\u4E49\u53EF\u4EE5\u7701\u4E0B\u4E0D\u5C11\u7684\u7EF4\u62A4\u6210\u672C</li></ul><h3 id="\u8F7B\u91CF\u7EA7" tabindex="-1">\u8F7B\u91CF\u7EA7 <a class="header-anchor" href="#\u8F7B\u91CF\u7EA7" aria-hidden="true">#</a></h3><ul><li>\u4E0D\u540C\u4E8E\u96C6\u6210\u7684\u811A\u624B\u67B6\uFF0C\u5C3D\u91CF\u505A\u5230\u8F7B\u91CF\u4E0D\u5197\u6742\uFF0C\u53EA\u5F15\u5165\u9AD8\u9891\u6B21\u7684\u63D2\u4EF6\u548C\u6E05\u6670\u7684\u793A\u4F8B</li><li>\u8F7B\u88C5\u4E0A\u9635\uFF0C\u4FBF\u4E8E\u62D3\u5C55\u5F00\u53D1\uFF0C\u51CF\u5C11\u5B66\u4E60\u6210\u672C</li></ul><h3 id="\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863" tabindex="-1">\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863 <a class="header-anchor" href="#\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863" aria-hidden="true">#</a></h3><ul><li>\u57FA\u4E8E\u6700\u65B0 VitePress \u6784\u5EFA\u7684\u6587\u6863\uFF0C\u66F4\u5FEB\uFF0C\u66F4\u4FBF\u6377</li><li>\u66F4\u5FEB\u7684\u70ED\u66F4\u65B0</li></ul>',11),d=[r];function n(h,s,c,u,p,o){return t(),a("div",null,d)}const f=e(l,[["render",n]]);export{v as __pageData,f as default};
import{_ as e,o as t,c as a,d as i}from"./app.9df4ae05.js";const v=JSON.parse('{"title":"Vue-H5-Template","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u7279\u70B9","slug":"\u7279\u70B9","link":"#\u7279\u70B9","children":[{"level":3,"title":"\u6700\u65B0\u6280\u672F\u6808","slug":"\u6700\u65B0\u6280\u672F\u6808","link":"#\u6700\u65B0\u6280\u672F\u6808","children":[]},{"level":3,"title":"\u57FA\u4E8E TypeScript","slug":"\u57FA\u4E8E-typescript","link":"#\u57FA\u4E8E-typescript","children":[]},{"level":3,"title":"\u8F7B\u91CF\u7EA7","slug":"\u8F7B\u91CF\u7EA7","link":"#\u8F7B\u91CF\u7EA7","children":[]},{"level":3,"title":"\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863","slug":"\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863","link":"#\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863","children":[]}]}],"relativePath":"guide/index.md","lastUpdated":1669356998000}'),l={name:"guide/index.md"},r=i('<h1 id="vue-h5-template" tabindex="-1">Vue-H5-Template <a class="header-anchor" href="#vue-h5-template" aria-hidden="true">#</a></h1><p><a href="https://github.com/sunniejs/vue-h5-template" target="_blank" rel="noreferrer">Vue-H5-Template</a>\uFF0C\u662F\u57FA\u4E8E vite3 + vue3 + pinia + ( Vant or Varlet or NutUI ) + viewport \u9002\u914D\u65B9\u6848 \uFF0C\u6784\u5EFA\u79FB\u52A8\u7AEF\u5FEB\u901F\u5F00\u53D1\u811A\u624B\u67B6</p><h2 id="\u7279\u70B9" tabindex="-1">\u7279\u70B9 <a class="header-anchor" href="#\u7279\u70B9" aria-hidden="true">#</a></h2><h3 id="\u6700\u65B0\u6280\u672F\u6808" tabindex="-1">\u6700\u65B0\u6280\u672F\u6808 <a class="header-anchor" href="#\u6700\u65B0\u6280\u672F\u6808" aria-hidden="true">#</a></h3><ul><li>\u6846\u67B6\u9009\u578B\u57FA\u4E8E\u5F53\u4E0B\u6D41\u884C\u7684 vue + vite + ts \u6A21\u5F0F\uFF0C\u7CBE\u9009\u793E\u533A star \u548C\u6EE1\u610F\u5EA6\u5747\u4E0D\u9519\u7684 ui \u6846\u67B6\u548C vite \u63D2\u4EF6\uFF0C\u5E76\u65F6\u5E38\u8FDB\u884C\u66F4\u65B0\uFF0C\u786E\u4FDD\u4E0E\u5B98\u65B9\u6587\u6863\u4E00\u81F4</li></ul><h3 id="\u57FA\u4E8E-typescript" tabindex="-1">\u57FA\u4E8E TypeScript <a class="header-anchor" href="#\u57FA\u4E8E-typescript" aria-hidden="true">#</a></h3><ul><li>Typescript \u9010\u6E10\u5728\u5404\u79CD\u5927\u578B\u7684 js \u9879\u76EE\u4E2D\u4F7F\u7528\uFF0C\u660E\u786E\u7684\u7C7B\u578B\u5B9A\u4E49\u53EF\u4EE5\u7701\u4E0B\u4E0D\u5C11\u7684\u5F00\u53D1\u548C\u7EF4\u62A4\u6210\u672C</li></ul><h3 id="\u8F7B\u91CF\u7EA7" tabindex="-1">\u8F7B\u91CF\u7EA7 <a class="header-anchor" href="#\u8F7B\u91CF\u7EA7" aria-hidden="true">#</a></h3><ul><li>\u4E0D\u540C\u4E8E\u96C6\u6210\u7684\u811A\u624B\u67B6\uFF0C\u5C3D\u91CF\u505A\u5230\u8F7B\u91CF\u4E0D\u5197\u6742\uFF0C\u53EA\u5F15\u5165\u9AD8\u9891\u6B21\u7684\u63D2\u4EF6\u548C\u6E05\u6670\u7684\u793A\u4F8B</li><li>\u8F7B\u88C5\u4E0A\u9635\uFF0C\u4FBF\u4E8E\u62D3\u5C55\u5F00\u53D1\uFF0C\u51CF\u5C11\u5B66\u4E60\u6210\u672C</li></ul><h3 id="\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863" tabindex="-1">\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863 <a class="header-anchor" href="#\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863" aria-hidden="true">#</a></h3><ul><li>\u57FA\u4E8E\u6700\u65B0 VitePress \u6784\u5EFA\u7684\u6587\u6863\uFF0C\u66F4\u5FEB\uFF0C\u66F4\u4FBF\u6377</li><li>\u66F4\u5FEB\u7684\u70ED\u66F4\u65B0</li></ul>',11),d=[r];function n(h,s,c,u,p,o){return t(),a("div",null,d)}const f=e(l,[["render",n]]);export{v as __pageData,f as default};

2
assets/guide_index.md.31fca697.lean.js → assets/guide_index.md.fd31ca00.lean.js
View File

@ -1 +1 @@
import{_ as e,o as t,c as a,d as i}from"./app.b03f2eea.js";const v=JSON.parse('{"title":"Vue-H5-Template","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u7279\u70B9","slug":"\u7279\u70B9","link":"#\u7279\u70B9","children":[{"level":3,"title":"\u6700\u65B0\u6280\u672F\u6808","slug":"\u6700\u65B0\u6280\u672F\u6808","link":"#\u6700\u65B0\u6280\u672F\u6808","children":[]},{"level":3,"title":"\u57FA\u4E8E TypeScript","slug":"\u57FA\u4E8E-typescript","link":"#\u57FA\u4E8E-typescript","children":[]},{"level":3,"title":"\u8F7B\u91CF\u7EA7","slug":"\u8F7B\u91CF\u7EA7","link":"#\u8F7B\u91CF\u7EA7","children":[]},{"level":3,"title":"\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863","slug":"\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863","link":"#\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863","children":[]}]}],"relativePath":"guide/index.md","lastUpdated":1665744343000}'),l={name:"guide/index.md"},r=i("",11),d=[r];function n(h,s,c,u,p,o){return t(),a("div",null,d)}const f=e(l,[["render",n]]);export{v as __pageData,f as default};
import{_ as e,o as t,c as a,d as i}from"./app.9df4ae05.js";const v=JSON.parse('{"title":"Vue-H5-Template","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u7279\u70B9","slug":"\u7279\u70B9","link":"#\u7279\u70B9","children":[{"level":3,"title":"\u6700\u65B0\u6280\u672F\u6808","slug":"\u6700\u65B0\u6280\u672F\u6808","link":"#\u6700\u65B0\u6280\u672F\u6808","children":[]},{"level":3,"title":"\u57FA\u4E8E TypeScript","slug":"\u57FA\u4E8E-typescript","link":"#\u57FA\u4E8E-typescript","children":[]},{"level":3,"title":"\u8F7B\u91CF\u7EA7","slug":"\u8F7B\u91CF\u7EA7","link":"#\u8F7B\u91CF\u7EA7","children":[]},{"level":3,"title":"\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863","slug":"\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863","link":"#\u901A\u4FD7\u6613\u61C2\u7684\u6587\u6863","children":[]}]}],"relativePath":"guide/index.md","lastUpdated":1669356998000}'),l={name:"guide/index.md"},r=i("",11),d=[r];function n(h,s,c,u,p,o){return t(),a("div",null,d)}const f=e(l,[["render",n]]);export{v as __pageData,f as default};

1
assets/guide_question_index.md.fcb03381.js Normal file
View File

@ -0,0 +1 @@
import{_ as e,o as t,c as a}from"./app.9df4ae05.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"guide/question/index.md","lastUpdated":1669356998000}'),n={name:"guide/question/index.md"};function o(s,r,d,i,c,p){return t(),a("div")}const u=e(n,[["render",o]]);export{m as __pageData,u as default};

1
assets/guide_question_index.md.fcb03381.lean.js Normal file
View File

@ -0,0 +1 @@
import{_ as e,o as t,c as a}from"./app.9df4ae05.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"guide/question/index.md","lastUpdated":1669356998000}'),n={name:"guide/question/index.md"};function o(s,r,d,i,c,p){return t(),a("div")}const u=e(n,[["render",o]]);export{m as __pageData,u as default};

2
assets/guide_start.md.c0f0f311.js → assets/guide_start.md.bfe9f400.js
View File

@ -1 +1 @@
import{_ as e,o as a,c as t,d as r}from"./app.b03f2eea.js";const m=JSON.parse('{"title":"\u5FEB\u901F\u4E0A\u624B","description":"","frontmatter":{},"headers":[{"level":2,"title":"node \u7248\u672C\u8981\u6C42","slug":"node-\u7248\u672C\u8981\u6C42","link":"#node-\u7248\u672C\u8981\u6C42","children":[]},{"level":2,"title":"\u5305\u7BA1\u7406\u5668","slug":"\u5305\u7BA1\u7406\u5668","link":"#\u5305\u7BA1\u7406\u5668","children":[]},{"level":2,"title":"\u542F\u52A8\u9879\u76EE","slug":"\u542F\u52A8\u9879\u76EE","link":"#\u542F\u52A8\u9879\u76EE","children":[]}],"relativePath":"guide/start.md","lastUpdated":1665744343000}'),n={name:"guide/start.md"},d=r('<h1 id="\u5FEB\u901F\u4E0A\u624B" tabindex="-1">\u5FEB\u901F\u4E0A\u624B <a class="header-anchor" href="#\u5FEB\u901F\u4E0A\u624B" aria-hidden="true">#</a></h1><h2 id="node-\u7248\u672C\u8981\u6C42" tabindex="-1">node \u7248\u672C\u8981\u6C42 <a class="header-anchor" href="#node-\u7248\u672C\u8981\u6C42" aria-hidden="true">#</a></h2><p>\u63A8\u8350 14.19.0+\u4EE5\u4E0A\u7684\u7248\u672C\uFF0C\u6BD5\u7ADF 2022 \u5E74\u4E86\uFF0C\u522B\u6390\u7740 12+\u7684\u7248\u672C\u4E86\uFF0C\u4F60\u4E5F\u53EF\u4EE5\u4F7F\u7528<a href="https://github.com/nvm-sh/nvm" target="_blank" rel="noreferrer">nvm</a>\u6216<a href="https://github.com/coreybutler/nvm-windows" target="_blank" rel="noreferrer">nvm-windows</a>\u5728\u540C\u4E00\u53F0\u7535\u8111\u4E0A\u7BA1\u7406\u591A\u4E2A node \u7248\u672C\u3002</p><h2 id="\u5305\u7BA1\u7406\u5668" tabindex="-1">\u5305\u7BA1\u7406\u5668 <a class="header-anchor" href="#\u5305\u7BA1\u7406\u5668" aria-hidden="true">#</a></h2><p>\u5C3D\u91CF\u4F7F\u7528 yarn \u6216\u8005 pnpm\uFF0C\u672C\u9879\u76EE\u4EC5\u4FDD\u8BC1\u5728 yarn \u6216 pnpm \u4E0B\u6B63\u786E\u8FD0\u884C\uFF0Cnpm \u6D89\u53CA\u5230\u7F51\u7EDC\u73AF\u5883\u7B49\u5404\u79CD\u60C5\u51B5\u7684\u9650\u5236\u4E0D\u505A\u8FC7\u591A\u8003\u8651\u3002\u5982\u8981\u4F7F\u7528 npm \u8BF7\u4E0D\u8981\u5207\u6362\u6DD8\u5B9D\u955C\u50CF\uFF0C\u4F1A\u6709\u5404\u79CD\u5947\u602A\u7684 bug\u3002</p><h2 id="\u542F\u52A8\u9879\u76EE" tabindex="-1">\u542F\u52A8\u9879\u76EE <a class="header-anchor" href="#\u542F\u52A8\u9879\u76EE" aria-hidden="true">#</a></h2><p>\u9879\u76EE\u4E2D\u5305\u542B vue2 \u548C vue3 \u4E24\u5957\u6A21\u7248</p><p>\u5982\u4F60\u4F7F\u7528\u7684\u662F vue2-template\uFF0C\u8BF7\u53C2\u8003<a href="./vue2/start.html">vue2 \u9879\u76EE\u542F\u52A8</a></p><p>\u5982\u4F60\u4F7F\u7528\u7684\u662F vue3-template\uFF0C\u8BF7\u53C2\u8003<a href="./vue3/start.html">vue3 \u9879\u76EE\u542F\u52A8</a></p>',9),h=[d];function i(s,l,o,c,p,_){return a(),t("div",null,h)}const v=e(n,[["render",i]]);export{m as __pageData,v as default};
import{_ as e,o as a,c as t,d as r}from"./app.9df4ae05.js";const m=JSON.parse('{"title":"\u5FEB\u901F\u4E0A\u624B","description":"","frontmatter":{},"headers":[{"level":2,"title":"node \u7248\u672C\u8981\u6C42","slug":"node-\u7248\u672C\u8981\u6C42","link":"#node-\u7248\u672C\u8981\u6C42","children":[]},{"level":2,"title":"\u5305\u7BA1\u7406\u5668","slug":"\u5305\u7BA1\u7406\u5668","link":"#\u5305\u7BA1\u7406\u5668","children":[]},{"level":2,"title":"\u542F\u52A8\u9879\u76EE","slug":"\u542F\u52A8\u9879\u76EE","link":"#\u542F\u52A8\u9879\u76EE","children":[]}],"relativePath":"guide/start.md","lastUpdated":1669356998000}'),n={name:"guide/start.md"},d=r('<h1 id="\u5FEB\u901F\u4E0A\u624B" tabindex="-1">\u5FEB\u901F\u4E0A\u624B <a class="header-anchor" href="#\u5FEB\u901F\u4E0A\u624B" aria-hidden="true">#</a></h1><h2 id="node-\u7248\u672C\u8981\u6C42" tabindex="-1">node \u7248\u672C\u8981\u6C42 <a class="header-anchor" href="#node-\u7248\u672C\u8981\u6C42" aria-hidden="true">#</a></h2><p>\u63A8\u8350 14.19.0+\u4EE5\u4E0A\u7684\u7248\u672C\uFF0C\u6BD5\u7ADF 2022 \u5E74\u4E86\uFF0C\u522B\u6390\u7740 12+\u7684\u7248\u672C\u4E86\uFF0C\u4F60\u4E5F\u53EF\u4EE5\u4F7F\u7528<a href="https://github.com/nvm-sh/nvm" target="_blank" rel="noreferrer">nvm</a>\u6216<a href="https://github.com/coreybutler/nvm-windows" target="_blank" rel="noreferrer">nvm-windows</a>\u5728\u540C\u4E00\u53F0\u7535\u8111\u4E0A\u7BA1\u7406\u591A\u4E2A node \u7248\u672C\u3002</p><h2 id="\u5305\u7BA1\u7406\u5668" tabindex="-1">\u5305\u7BA1\u7406\u5668 <a class="header-anchor" href="#\u5305\u7BA1\u7406\u5668" aria-hidden="true">#</a></h2><p>\u5C3D\u91CF\u4F7F\u7528 yarn \u6216\u8005 pnpm\uFF0C\u672C\u9879\u76EE\u4EC5\u4FDD\u8BC1\u5728 yarn \u6216 pnpm \u4E0B\u6B63\u786E\u8FD0\u884C\uFF0Cnpm \u6D89\u53CA\u5230\u7F51\u7EDC\u73AF\u5883\u7B49\u5404\u79CD\u60C5\u51B5\u7684\u9650\u5236\u4E0D\u505A\u8FC7\u591A\u8003\u8651\u3002\u5982\u8981\u4F7F\u7528 npm \u8BF7\u4E0D\u8981\u5207\u6362\u6DD8\u5B9D\u955C\u50CF\uFF0C\u4F1A\u6709\u5404\u79CD\u5947\u602A\u7684 bug\u3002</p><h2 id="\u542F\u52A8\u9879\u76EE" tabindex="-1">\u542F\u52A8\u9879\u76EE <a class="header-anchor" href="#\u542F\u52A8\u9879\u76EE" aria-hidden="true">#</a></h2><p>\u9879\u76EE\u4E2D\u5305\u542B vue2 \u548C vue3 \u4E24\u5957\u6A21\u7248</p><p>\u5982\u4F60\u4F7F\u7528\u7684\u662F vue2-template\uFF0C\u8BF7\u53C2\u8003<a href="./vue2/start.html">vue2 \u9879\u76EE\u542F\u52A8</a></p><p>\u5982\u4F60\u4F7F\u7528\u7684\u662F vue3-template\uFF0C\u8BF7\u53C2\u8003<a href="./vue3/start.html">vue3 \u9879\u76EE\u542F\u52A8</a></p>',9),h=[d];function i(s,l,o,c,p,_){return a(),t("div",null,h)}const v=e(n,[["render",i]]);export{m as __pageData,v as default};

2
assets/guide_start.md.c0f0f311.lean.js → assets/guide_start.md.bfe9f400.lean.js
View File

@ -1 +1 @@
import{_ as e,o as a,c as t,d as r}from"./app.b03f2eea.js";const m=JSON.parse('{"title":"\u5FEB\u901F\u4E0A\u624B","description":"","frontmatter":{},"headers":[{"level":2,"title":"node \u7248\u672C\u8981\u6C42","slug":"node-\u7248\u672C\u8981\u6C42","link":"#node-\u7248\u672C\u8981\u6C42","children":[]},{"level":2,"title":"\u5305\u7BA1\u7406\u5668","slug":"\u5305\u7BA1\u7406\u5668","link":"#\u5305\u7BA1\u7406\u5668","children":[]},{"level":2,"title":"\u542F\u52A8\u9879\u76EE","slug":"\u542F\u52A8\u9879\u76EE","link":"#\u542F\u52A8\u9879\u76EE","children":[]}],"relativePath":"guide/start.md","lastUpdated":1665744343000}'),n={name:"guide/start.md"},d=r("",9),h=[d];function i(s,l,o,c,p,_){return a(),t("div",null,h)}const v=e(n,[["render",i]]);export{m as __pageData,v as default};
import{_ as e,o as a,c as t,d as r}from"./app.9df4ae05.js";const m=JSON.parse('{"title":"\u5FEB\u901F\u4E0A\u624B","description":"","frontmatter":{},"headers":[{"level":2,"title":"node \u7248\u672C\u8981\u6C42","slug":"node-\u7248\u672C\u8981\u6C42","link":"#node-\u7248\u672C\u8981\u6C42","children":[]},{"level":2,"title":"\u5305\u7BA1\u7406\u5668","slug":"\u5305\u7BA1\u7406\u5668","link":"#\u5305\u7BA1\u7406\u5668","children":[]},{"level":2,"title":"\u542F\u52A8\u9879\u76EE","slug":"\u542F\u52A8\u9879\u76EE","link":"#\u542F\u52A8\u9879\u76EE","children":[]}],"relativePath":"guide/start.md","lastUpdated":1669356998000}'),n={name:"guide/start.md"},d=r("",9),h=[d];function i(s,l,o,c,p,_){return a(),t("div",null,h)}const v=e(n,[["render",i]]);export{m as __pageData,v as default};

2
assets/guide_vue2_alias.md.a50a80ee.js → assets/guide_vue2_alias.md.e48a3326.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as a,c as n,d as o}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"\u914D\u7F6E alias \u522B\u540D","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/alias.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/alias.md"},p=o(`<h1 id="\u914D\u7F6E-alias-\u522B\u540D" tabindex="-1">\u914D\u7F6E alias \u522B\u540D <a class="header-anchor" href="#\u914D\u7F6E-alias-\u522B\u540D" aria-hidden="true">#</a></h1><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> path </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">require</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">path</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
import{_ as s,o as a,c as n,d as o}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"\u914D\u7F6E alias \u522B\u540D","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/alias.md","lastUpdated":1669356998000}'),l={name:"guide/vue2/alias.md"},p=o(`<h1 id="\u914D\u7F6E-alias-\u522B\u540D" tabindex="-1">\u914D\u7F6E alias \u522B\u540D <a class="header-anchor" href="#\u914D\u7F6E-alias-\u522B\u540D" aria-hidden="true">#</a></h1><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> path </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">require</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">path</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> resolve </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">dir</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> path</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">join</span><span style="color:#A6ACCD;">(__dirname</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> dir)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> IS_PROD </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> [</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">production</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">prod</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">]</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">includes</span><span style="color:#A6ACCD;">(process</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">env</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">NODE_ENV)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>

2
assets/guide_vue2_alias.md.a50a80ee.lean.js → assets/guide_vue2_alias.md.e48a3326.lean.js
View File

@ -1 +1 @@
import{_ as s,o as a,c as n,d as o}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"\u914D\u7F6E alias \u522B\u540D","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/alias.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/alias.md"},p=o("",2),e=[p];function t(c,r,F,D,y,A){return a(),n("div",null,e)}const u=s(l,[["render",t]]);export{i as __pageData,u as default};
import{_ as s,o as a,c as n,d as o}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"\u914D\u7F6E alias \u522B\u540D","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/alias.md","lastUpdated":1669356998000}'),l={name:"guide/vue2/alias.md"},p=o("",2),e=[p];function t(c,r,F,D,y,A){return a(),n("div",null,e)}const u=s(l,[["render",t]]);export{i as __pageData,u as default};

6
assets/guide_vue2_axios.md.2cab41d1.js → assets/guide_vue2_axios.md.044f7b6d.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"Axios \u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/axios.md","lastUpdated":1665744343000}'),p={name:"guide/vue2/axios.md"},o=l(`<h1 id="axios-\u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406" tabindex="-1">Axios \u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406 <a class="header-anchor" href="#axios-\u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406" aria-hidden="true">#</a></h1><p><code>utils/request.js</code> \u5C01\u88C5 axios ,\u5F00\u53D1\u8005\u9700\u8981\u6839\u636E\u540E\u53F0\u63A5\u53E3\u505A\u4FEE\u6539\u3002</p><ul><li><code>service.interceptors.request.use</code> \u91CC\u53EF\u4EE5\u8BBE\u7F6E\u8BF7\u6C42\u5934\uFF0C\u6BD4\u5982\u8BBE\u7F6E <code>token</code></li><li><code>config.hideloading</code> \u662F\u5728 api \u6587\u4EF6\u5939\u4E0B\u7684\u63A5\u53E3\u53C2\u6570\u91CC\u8BBE\u7F6E\uFF0C\u4E0B\u6587\u4F1A\u8BB2</li><li><code>service.interceptors.response.use</code> \u91CC\u53EF\u4EE5\u5BF9\u63A5\u53E3\u8FD4\u56DE\u6570\u636E\u5904\u7406\uFF0C\u6BD4\u5982 401 \u5220\u9664\u672C\u5730\u4FE1\u606F\uFF0C\u91CD\u65B0\u767B\u5F55</li></ul><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> axios </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">axios</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"Axios \u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/axios.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/axios.md"},o=l(`<h1 id="axios-\u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406" tabindex="-1">Axios \u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406 <a class="header-anchor" href="#axios-\u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406" aria-hidden="true">#</a></h1><p><code>utils/request.js</code> \u5C01\u88C5 axios ,\u5F00\u53D1\u8005\u9700\u8981\u6839\u636E\u540E\u53F0\u63A5\u53E3\u505A\u4FEE\u6539\u3002</p><ul><li><code>service.interceptors.request.use</code> \u91CC\u53EF\u4EE5\u8BBE\u7F6E\u8BF7\u6C42\u5934\uFF0C\u6BD4\u5982\u8BBE\u7F6E <code>token</code></li><li><code>config.hideloading</code> \u662F\u5728 api \u6587\u4EF6\u5939\u4E0B\u7684\u63A5\u53E3\u53C2\u6570\u91CC\u8BBE\u7F6E\uFF0C\u4E0B\u6587\u4F1A\u8BB2</li><li><code>service.interceptors.response.use</code> \u91CC\u53EF\u4EE5\u5BF9\u63A5\u53E3\u8FD4\u56DE\u6570\u636E\u5904\u7406\uFF0C\u6BD4\u5982 401 \u5220\u9664\u672C\u5730\u4FE1\u606F\uFF0C\u91CD\u65B0\u767B\u5F55</li></ul><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> axios </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">axios</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> store </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">@/store</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">Toast</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vant</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#676E95;">// \u6839\u636E\u73AF\u5883\u4E0D\u540C\u5F15\u5165\u4E0D\u540Capi\u5730\u5740</span></span>
@ -55,7 +55,7 @@ import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span></span>
<span class="line"><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">default</span><span style="color:#A6ACCD;"> service</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><h4 id="\u63A5\u53E3\u7BA1\u7406" tabindex="-1">\u63A5\u53E3\u7BA1\u7406 <a class="header-anchor" href="#\u63A5\u53E3\u7BA1\u7406" aria-hidden="true">#</a></h4><p>\u5728<code>src/api</code> \u6587\u4EF6\u5939\u4E0B\u7EDF\u4E00\u7BA1\u7406\u63A5\u53E3</p><ul><li>\u4F60\u53EF\u4EE5\u5EFA\u7ACB\u591A\u4E2A\u6A21\u5757\u5BF9\u63A5\u63A5\u53E3, \u6BD4\u5982 <code>home.js</code> \u91CC\u662F\u9996\u9875\u7684\u63A5\u53E3\u8FD9\u91CC\u8BB2\u89E3 <code>user.js</code></li><li><code>url</code> \u63A5\u53E3\u5730\u5740\uFF0C\u8BF7\u6C42\u7684\u65F6\u5019\u4F1A\u62FC\u63A5\u4E0A <code>config</code> \u4E0B\u7684 <code>baseApi</code></li><li><code>method</code> \u8BF7\u6C42\u65B9\u6CD5</li><li><code>data</code> \u8BF7\u6C42\u53C2\u6570 <code>qs.stringify(params)</code> \u662F\u5BF9\u6570\u636E\u7CFB\u5217\u5316\u64CD\u4F5C</li><li><code>hideloading</code> \u9ED8\u8BA4 <code>false</code>,\u8BBE\u7F6E\u4E3A <code>true</code> \u540E\uFF0C\u4E0D\u663E\u793A loading ui \u4EA4\u4E92\u4E2D\u6709\u4E9B\u63A5\u53E3\u4E0D\u9700\u8981\u8BA9\u7528\u6237\u611F\u77E5</li></ul><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> qs </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">qs</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><h4 id="\u63A5\u53E3\u7BA1\u7406" tabindex="-1">\u63A5\u53E3\u7BA1\u7406 <a class="header-anchor" href="#\u63A5\u53E3\u7BA1\u7406" aria-hidden="true">#</a></h4><p>\u5728<code>src/api</code> \u6587\u4EF6\u5939\u4E0B\u7EDF\u4E00\u7BA1\u7406\u63A5\u53E3</p><ul><li>\u4F60\u53EF\u4EE5\u5EFA\u7ACB\u591A\u4E2A\u6A21\u5757\u5BF9\u63A5\u63A5\u53E3, \u6BD4\u5982 <code>home.js</code> \u91CC\u662F\u9996\u9875\u7684\u63A5\u53E3\u8FD9\u91CC\u8BB2\u89E3 <code>user.js</code></li><li><code>url</code> \u63A5\u53E3\u5730\u5740\uFF0C\u8BF7\u6C42\u7684\u65F6\u5019\u4F1A\u62FC\u63A5\u4E0A <code>config</code> \u4E0B\u7684 <code>baseApi</code></li><li><code>method</code> \u8BF7\u6C42\u65B9\u6CD5</li><li><code>data</code> \u8BF7\u6C42\u53C2\u6570 <code>qs.stringify(params)</code> \u662F\u5BF9\u6570\u636E\u7CFB\u5217\u5316\u64CD\u4F5C</li><li><code>hideloading</code> \u9ED8\u8BA4 <code>false</code>,\u8BBE\u7F6E\u4E3A <code>true</code> \u540E\uFF0C\u4E0D\u663E\u793A loading ui \u4EA4\u4E92\u4E2D\u6709\u4E9B\u63A5\u53E3\u4E0D\u9700\u8981\u8BA9\u7528\u6237\u611F\u77E5</li></ul><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> qs </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">qs</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#676E95;">// axios</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> request </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">@/utils/request</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#676E95;">//user api</span></span>
@ -69,7 +69,7 @@ import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#F07178;"> hideloading</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#FF9CAC;">true</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#676E95;">// \u9690\u85CF loading \u7EC4\u4EF6</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span></code></pre></div><h4 id="\u5982\u4F55\u8C03\u7528" tabindex="-1">\u5982\u4F55\u8C03\u7528 <a class="header-anchor" href="#\u5982\u4F55\u8C03\u7528" aria-hidden="true">#</a></h4><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// \u8BF7\u6C42\u63A5\u53E3</span></span>
<span class="line"></span></code></pre></div><h4 id="\u5982\u4F55\u8C03\u7528" tabindex="-1">\u5982\u4F55\u8C03\u7528 <a class="header-anchor" href="#\u5982\u4F55\u8C03\u7528" aria-hidden="true">#</a></h4><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// \u8BF7\u6C42\u63A5\u53E3</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">getUserInfo</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">@/api/user.js</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> params </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">user</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">sunnie</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">};</span></span>

2
assets/guide_vue2_axios.md.2cab41d1.lean.js → assets/guide_vue2_axios.md.044f7b6d.lean.js
View File

@ -1 +1 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"Axios \u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/axios.md","lastUpdated":1665744343000}'),p={name:"guide/vue2/axios.md"},o=l("",10),e=[o];function c(t,r,F,D,y,A){return n(),a("div",null,e)}const d=s(p,[["render",c]]);export{i as __pageData,d as default};
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"Axios \u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/axios.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/axios.md"},o=l("",10),e=[o];function c(t,r,F,D,y,A){return n(),a("div",null,e)}const d=s(p,[["render",c]]);export{i as __pageData,d as default};

6
assets/guide_vue2_base.md.125b8d8d.js → assets/guide_vue2_base.md.a85f5d21.js
View File

@ -1,6 +1,6 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const A=JSON.parse('{"title":"Webpack 4 vue.config.js \u57FA\u7840\u914D\u7F6E","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/base.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/base.md"},o=p(`<h1 id="webpack-4-vue-config-js-\u57FA\u7840\u914D\u7F6E" tabindex="-1">Webpack 4 vue.config.js \u57FA\u7840\u914D\u7F6E <a class="header-anchor" href="#webpack-4-vue-config-js-\u57FA\u7840\u914D\u7F6E" aria-hidden="true">#</a></h1><p>\u5982\u679C\u4F60\u7684 <code>Vue Router</code> \u6A21\u5F0F\u662F hash</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#FFCB6B;">publicPath</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">./</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"></span></code></pre></div><p>\u5982\u679C\u4F60\u7684 <code>Vue Router</code> \u6A21\u5F0F\u662F history \u8FD9\u91CC\u7684 publicPath \u548C\u4F60\u7684 <code>Vue Router</code> <code>base</code> <strong>\u4FDD\u6301\u4E00\u81F4</strong></p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#FFCB6B;">publicPath</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/app/</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"></span></code></pre></div><p>\u914D\u7F6E\u5982\u4E0B</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">createVitePlugins</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">./config/vite/plugins</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
import{_ as s,o as n,c as a,d as p}from"./app.9df4ae05.js";const A=JSON.parse('{"title":"Webpack 4 vue.config.js \u57FA\u7840\u914D\u7F6E","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/base.md","lastUpdated":1669356998000}'),l={name:"guide/vue2/base.md"},o=p(`<h1 id="webpack-4-vue-config-js-\u57FA\u7840\u914D\u7F6E" tabindex="-1">Webpack 4 vue.config.js \u57FA\u7840\u914D\u7F6E <a class="header-anchor" href="#webpack-4-vue-config-js-\u57FA\u7840\u914D\u7F6E" aria-hidden="true">#</a></h1><p>\u5982\u679C\u4F60\u7684 <code>Vue Router</code> \u6A21\u5F0F\u662F hash</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#FFCB6B;">publicPath</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">./</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"></span></code></pre></div><p>\u5982\u679C\u4F60\u7684 <code>Vue Router</code> \u6A21\u5F0F\u662F history \u8FD9\u91CC\u7684 publicPath \u548C\u4F60\u7684 <code>Vue Router</code> <code>base</code> <strong>\u4FDD\u6301\u4E00\u81F4</strong></p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#FFCB6B;">publicPath</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/app/</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"></span></code></pre></div><p>\u914D\u7F6E\u5982\u4E0B</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">createVitePlugins</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">./config/vite/plugins</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">resolve</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">path</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">ConfigEnv</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">UserConfigExport</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vite</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>

2
assets/guide_vue2_base.md.125b8d8d.lean.js → assets/guide_vue2_base.md.a85f5d21.lean.js
View File

@ -1 +1 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const A=JSON.parse('{"title":"Webpack 4 vue.config.js \u57FA\u7840\u914D\u7F6E","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/base.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/base.md"},o=p("",7),e=[o];function c(t,r,F,D,y,i){return n(),a("div",null,e)}const u=s(l,[["render",c]]);export{A as __pageData,u as default};
import{_ as s,o as n,c as a,d as p}from"./app.9df4ae05.js";const A=JSON.parse('{"title":"Webpack 4 vue.config.js \u57FA\u7840\u914D\u7F6E","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/base.md","lastUpdated":1669356998000}'),l={name:"guide/vue2/base.md"},o=p("",7),e=[o];function c(t,r,F,D,y,i){return n(),a("div",null,e)}const u=s(l,[["render",c]]);export{A as __pageData,u as default};

6
assets/guide_vue2_bundle.md.ccdfaf85.js → assets/guide_vue2_bundle.md.a26fa77f.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const d=JSON.parse('{"title":"\u914D\u7F6E\u6253\u5305\u5206\u6790","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/bundle.md","lastUpdated":1665744343000}'),p={name:"guide/vue2/bundle.md"},o=l(`<h1 id="\u914D\u7F6E\u6253\u5305\u5206\u6790" tabindex="-1">\u914D\u7F6E\u6253\u5305\u5206\u6790 <a class="header-anchor" href="#\u914D\u7F6E\u6253\u5305\u5206\u6790" aria-hidden="true">#</a></h1><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> BundleAnalyzerPlugin </span><span style="color:#89DDFF;">=</span></span>
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const C=JSON.parse('{"title":"\u914D\u7F6E\u6253\u5305\u5206\u6790","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/bundle.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/bundle.md"},o=l(`<h1 id="\u914D\u7F6E\u6253\u5305\u5206\u6790" tabindex="-1">\u914D\u7F6E\u6253\u5305\u5206\u6790 <a class="header-anchor" href="#\u914D\u7F6E\u6253\u5305\u5206\u6790" aria-hidden="true">#</a></h1><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> BundleAnalyzerPlugin </span><span style="color:#89DDFF;">=</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">require</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">webpack-bundle-analyzer</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">BundleAnalyzerPlugin</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#89DDFF;">module.exports</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
@ -13,5 +13,5 @@ import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const d=JSON.parse('{
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#89DDFF;">};</span></span>
<span class="line"></span></code></pre></div><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#A6ACCD;">npm run build</span></span>
<span class="line"></span></code></pre></div>`,3),e=[o];function c(t,r,F,D,y,i){return n(),a("div",null,e)}const C=s(p,[["render",c]]);export{d as __pageData,C as default};
<span class="line"></span></code></pre></div><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;">npm run build</span></span>
<span class="line"></span></code></pre></div>`,3),e=[o];function c(t,r,F,D,y,i){return n(),a("div",null,e)}const d=s(p,[["render",c]]);export{C as __pageData,d as default};

1
assets/guide_vue2_bundle.md.a26fa77f.lean.js Normal file
View File

@ -0,0 +1 @@
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const C=JSON.parse('{"title":"\u914D\u7F6E\u6253\u5305\u5206\u6790","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/bundle.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/bundle.md"},o=l("",3),e=[o];function c(t,r,F,D,y,i){return n(),a("div",null,e)}const d=s(p,[["render",c]]);export{C as __pageData,d as default};

1
assets/guide_vue2_bundle.md.ccdfaf85.lean.js
View File

@ -1 +0,0 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const d=JSON.parse('{"title":"\u914D\u7F6E\u6253\u5305\u5206\u6790","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/bundle.md","lastUpdated":1665744343000}'),p={name:"guide/vue2/bundle.md"},o=l("",3),e=[o];function c(t,r,F,D,y,i){return n(),a("div",null,e)}const C=s(p,[["render",c]]);export{d as __pageData,C as default};

2
assets/guide_vue2_chunks.md.cbe50e93.js → assets/guide_vue2_chunks.md.be7e2f9d.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const u=JSON.parse('{"title":"splitChunks \u5355\u72EC\u6253\u5305\u7B2C\u4E09\u65B9\u6A21\u5757","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/chunks.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/chunks.md"},o=p(`<h1 id="splitchunks-\u5355\u72EC\u6253\u5305\u7B2C\u4E09\u65B9\u6A21\u5757" tabindex="-1">splitChunks \u5355\u72EC\u6253\u5305\u7B2C\u4E09\u65B9\u6A21\u5757 <a class="header-anchor" href="#splitchunks-\u5355\u72EC\u6253\u5305\u7B2C\u4E09\u65B9\u6A21\u5757" aria-hidden="true">#</a></h1><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">module.exports</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
import{_ as s,o as n,c as a,d as p}from"./app.9df4ae05.js";const u=JSON.parse('{"title":"splitChunks \u5355\u72EC\u6253\u5305\u7B2C\u4E09\u65B9\u6A21\u5757","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/chunks.md","lastUpdated":1669356998000}'),l={name:"guide/vue2/chunks.md"},o=p(`<h1 id="splitchunks-\u5355\u72EC\u6253\u5305\u7B2C\u4E09\u65B9\u6A21\u5757" tabindex="-1">splitChunks \u5355\u72EC\u6253\u5305\u7B2C\u4E09\u65B9\u6A21\u5757 <a class="header-anchor" href="#splitchunks-\u5355\u72EC\u6253\u5305\u7B2C\u4E09\u65B9\u6A21\u5757" aria-hidden="true">#</a></h1><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">module.exports</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">chainWebpack</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">config</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">config</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">when</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">IS_PROD</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">config</span><span style="color:#89DDFF;">)</span><span style="color:#F07178;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">config</span></span>

2
assets/guide_vue2_chunks.md.cbe50e93.lean.js → assets/guide_vue2_chunks.md.be7e2f9d.lean.js
View File

@ -1 +1 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const u=JSON.parse('{"title":"splitChunks \u5355\u72EC\u6253\u5305\u7B2C\u4E09\u65B9\u6A21\u5757","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/chunks.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/chunks.md"},o=p("",2),e=[o];function t(c,F,r,D,y,i){return n(),a("div",null,e)}const A=s(l,[["render",t]]);export{u as __pageData,A as default};
import{_ as s,o as n,c as a,d as p}from"./app.9df4ae05.js";const u=JSON.parse('{"title":"splitChunks \u5355\u72EC\u6253\u5305\u7B2C\u4E09\u65B9\u6A21\u5757","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/chunks.md","lastUpdated":1669356998000}'),l={name:"guide/vue2/chunks.md"},o=p("",2),e=[o];function t(c,F,r,D,y,i){return n(),a("div",null,e)}const A=s(l,[["render",t]]);export{u as __pageData,A as default};

6
assets/guide_vue2_console.md.7109ab9f.js → assets/guide_vue2_console.md.52da46a8.js
View File

@ -1,5 +1,5 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"\u53BB\u6389 console.log","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/console.md","lastUpdated":1665744343000}'),o={name:"guide/vue2/console.md"},p=l(`<h1 id="\u53BB\u6389-console-log" tabindex="-1">\u53BB\u6389 console.log <a class="header-anchor" href="#\u53BB\u6389-console-log" aria-hidden="true">#</a></h1><p>\u4FDD\u7559\u4E86\u6D4B\u8BD5\u73AF\u5883\u548C\u672C\u5730\u73AF\u5883\u7684 <code>console.log</code></p><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#A6ACCD;">npm i -D babel-plugin-transform-remove-console</span></span>
<span class="line"></span></code></pre></div><p>\u5728 babel.config.js \u4E2D\u914D\u7F6E</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// \u83B7\u53D6 VUE_APP_ENV \u975E NODE_ENV\uFF0C\u6D4B\u8BD5\u73AF\u5883\u4F9D\u7136 console</span></span>
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"\u53BB\u6389 console.log","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/console.md","lastUpdated":1669356998000}'),o={name:"guide/vue2/console.md"},p=l(`<h1 id="\u53BB\u6389-console-log" tabindex="-1">\u53BB\u6389 console.log <a class="header-anchor" href="#\u53BB\u6389-console-log" aria-hidden="true">#</a></h1><p>\u4FDD\u7559\u4E86\u6D4B\u8BD5\u73AF\u5883\u548C\u672C\u5730\u73AF\u5883\u7684 <code>console.log</code></p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;">npm i -D babel-plugin-transform-remove-console</span></span>
<span class="line"></span></code></pre></div><p>\u5728 babel.config.js \u4E2D\u914D\u7F6E</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// \u83B7\u53D6 VUE_APP_ENV \u975E NODE_ENV\uFF0C\u6D4B\u8BD5\u73AF\u5883\u4F9D\u7136 console</span></span>
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> IS_PROD </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> [</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">production</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">prod</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">]</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">includes</span><span style="color:#A6ACCD;">(process</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">env</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">VUE_APP_ENV)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> plugins </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> [</span></span>
<span class="line"><span style="color:#A6ACCD;"> [</span></span>
@ -21,4 +21,4 @@ import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">presets</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> [[</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">@vue/cli-plugin-babel/preset</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">useBuiltIns</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">entry</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">]]</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> plugins</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#89DDFF;">};</span></span>
<span class="line"></span></code></pre></div>`,5),e=[p];function c(t,r,D,F,y,C){return n(),a("div",null,e)}const u=s(o,[["render",c]]);export{i as __pageData,u as default};
<span class="line"></span></code></pre></div>`,5),e=[p];function c(t,r,D,y,F,C){return n(),a("div",null,e)}const u=s(o,[["render",c]]);export{i as __pageData,u as default};

2
assets/guide_vue2_console.md.7109ab9f.lean.js → assets/guide_vue2_console.md.52da46a8.lean.js
View File

@ -1 +1 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"\u53BB\u6389 console.log","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/console.md","lastUpdated":1665744343000}'),o={name:"guide/vue2/console.md"},p=l("",5),e=[p];function c(t,r,D,F,y,C){return n(),a("div",null,e)}const u=s(o,[["render",c]]);export{i as __pageData,u as default};
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"\u53BB\u6389 console.log","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/console.md","lastUpdated":1669356998000}'),o={name:"guide/vue2/console.md"},p=l("",5),e=[p];function c(t,r,D,y,F,C){return n(),a("div",null,e)}const u=s(o,[["render",c]]);export{i as __pageData,u as default};

1
assets/guide_vue2_env.md.5afbf02f.lean.js
View File

@ -1 +0,0 @@
import{_ as s,o as n,c as a,d as o}from"./app.b03f2eea.js";const A=JSON.parse('{"title":"\u914D\u7F6E\u591A\u73AF\u5883\u53D8\u91CF","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/env.md","lastUpdated":1665744343000}'),p={name:"guide/vue2/env.md"},l=o("",21),e=[l];function c(t,r,D,F,y,i){return n(),a("div",null,e)}const C=s(p,[["render",c]]);export{A as __pageData,C as default};

16
assets/guide_vue2_env.md.5afbf02f.js → assets/guide_vue2_env.md.ab06939d.js
View File

@ -1,22 +1,22 @@
import{_ as s,o as n,c as a,d as o}from"./app.b03f2eea.js";const A=JSON.parse('{"title":"\u914D\u7F6E\u591A\u73AF\u5883\u53D8\u91CF","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/env.md","lastUpdated":1665744343000}'),p={name:"guide/vue2/env.md"},l=o(`<h1 id="\u914D\u7F6E\u591A\u73AF\u5883\u53D8\u91CF" tabindex="-1">\u914D\u7F6E\u591A\u73AF\u5883\u53D8\u91CF <a class="header-anchor" href="#\u914D\u7F6E\u591A\u73AF\u5883\u53D8\u91CF" aria-hidden="true">#</a></h1><p><code>package.json</code> \u91CC\u7684 <code>scripts</code> \u914D\u7F6E <code>serve</code> <code>stage</code> <code>build</code>\uFF0C\u901A\u8FC7 <code>--mode xxx</code> \u6765\u6267\u884C\u4E0D\u540C\u73AF\u5883</p><ul><li>\u901A\u8FC7 <code>npm run serve</code> \u542F\u52A8\u672C\u5730 , \u6267\u884C <code>development</code></li><li>\u901A\u8FC7 <code>npm run stage</code> \u6253\u5305\u6D4B\u8BD5 , \u6267\u884C <code>staging</code></li><li>\u901A\u8FC7 <code>npm run build</code> \u6253\u5305\u6B63\u5F0F , \u6267\u884C <code>production</code></li></ul><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">scripts</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
import{_ as s,o as a,c as n,d as o}from"./app.9df4ae05.js";const C=JSON.parse('{"title":"\u914D\u7F6E\u591A\u73AF\u5883\u53D8\u91CF","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/env.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/env.md"},l=o(`<h1 id="\u914D\u7F6E\u591A\u73AF\u5883\u53D8\u91CF" tabindex="-1">\u914D\u7F6E\u591A\u73AF\u5883\u53D8\u91CF <a class="header-anchor" href="#\u914D\u7F6E\u591A\u73AF\u5883\u53D8\u91CF" aria-hidden="true">#</a></h1><p><code>package.json</code> \u91CC\u7684 <code>scripts</code> \u914D\u7F6E <code>serve</code> <code>stage</code> <code>build</code>\uFF0C\u901A\u8FC7 <code>--mode xxx</code> \u6765\u6267\u884C\u4E0D\u540C\u73AF\u5883</p><ul><li>\u901A\u8FC7 <code>npm run serve</code> \u542F\u52A8\u672C\u5730 , \u6267\u884C <code>development</code></li><li>\u901A\u8FC7 <code>npm run stage</code> \u6253\u5305\u6D4B\u8BD5 , \u6267\u884C <code>staging</code></li><li>\u901A\u8FC7 <code>npm run build</code> \u6253\u5305\u6B63\u5F0F , \u6267\u884C <code>production</code></li></ul><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">scripts</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#F07178;">serve</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue-cli-service serve --open</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#F07178;">stage</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue-cli-service build --mode staging</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#F07178;">build</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue-cli-service build</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span></code></pre></div><h5 id="\u914D\u7F6E\u4ECB\u7ECD" tabindex="-1">\u914D\u7F6E\u4ECB\u7ECD <a class="header-anchor" href="#\u914D\u7F6E\u4ECB\u7ECD" aria-hidden="true">#</a></h5><p>\u2003\u2003\u4EE5 <code>VUE_APP_</code> \u5F00\u5934\u7684\u53D8\u91CF\uFF0C\u5728\u4EE3\u7801\u4E2D\u53EF\u4EE5\u901A\u8FC7 <code>p<wbr>rocess.env.VUE_APP_</code> \u8BBF\u95EE\u3002<br> \u2003\u2003\u6BD4\u5982,<code>VUE_APP_ENV = &#39;development&#39;</code> \u901A\u8FC7<code>p<wbr>rocess.env.VUE_APP_ENV</code> \u8BBF\u95EE\u3002<br> \u2003\u2003\u9664\u4E86 <code>VUE_APP_*</code> \u53D8\u91CF\u4E4B\u5916\uFF0C\u5728\u4F60\u7684\u5E94\u7528\u4EE3\u7801\u4E2D\u59CB\u7EC8\u53EF\u7528\u7684\u8FD8\u6709\u4E24\u4E2A\u7279\u6B8A\u7684\u53D8\u91CF<code>NODE_ENV</code> \u548C<code>BASE_URL</code></p><p>\u5728\u9879\u76EE\u6839\u76EE\u5F55\u4E2D\u65B0\u5EFA<code>.env.*</code></p><ul><li>.env.development \u672C\u5730\u5F00\u53D1\u73AF\u5883\u914D\u7F6E</li></ul><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#A6ACCD;">NODE_ENV=</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">development</span><span style="color:#89DDFF;">&#39;</span></span>
<span class="line"></span></code></pre></div><h5 id="\u914D\u7F6E\u4ECB\u7ECD" tabindex="-1">\u914D\u7F6E\u4ECB\u7ECD <a class="header-anchor" href="#\u914D\u7F6E\u4ECB\u7ECD" aria-hidden="true">#</a></h5><p>\u2003\u2003\u4EE5 <code>VUE_APP_</code> \u5F00\u5934\u7684\u53D8\u91CF\uFF0C\u5728\u4EE3\u7801\u4E2D\u53EF\u4EE5\u901A\u8FC7 <code>p<wbr>rocess.env.VUE_APP_</code> \u8BBF\u95EE\u3002<br> \u2003\u2003\u6BD4\u5982,<code>VUE_APP_ENV = &#39;development&#39;</code> \u901A\u8FC7<code>p<wbr>rocess.env.VUE_APP_ENV</code> \u8BBF\u95EE\u3002<br> \u2003\u2003\u9664\u4E86 <code>VUE_APP_*</code> \u53D8\u91CF\u4E4B\u5916\uFF0C\u5728\u4F60\u7684\u5E94\u7528\u4EE3\u7801\u4E2D\u59CB\u7EC8\u53EF\u7528\u7684\u8FD8\u6709\u4E24\u4E2A\u7279\u6B8A\u7684\u53D8\u91CF<code>NODE_ENV</code> \u548C<code>BASE_URL</code></p><p>\u5728\u9879\u76EE\u6839\u76EE\u5F55\u4E2D\u65B0\u5EFA<code>.env.*</code></p><ul><li>.env.development \u672C\u5730\u5F00\u53D1\u73AF\u5883\u914D\u7F6E</li></ul><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;">NODE_ENV=</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">development</span><span style="color:#89DDFF;">&#39;</span></span>
<span class="line"><span style="color:#676E95;"># must start with VUE_APP_</span></span>
<span class="line"><span style="color:#A6ACCD;">VUE_APP_ENV = </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">development</span><span style="color:#89DDFF;">&#39;</span></span>
<span class="line"></span>
<span class="line"></span></code></pre></div><ul><li>.env.staging \u6D4B\u8BD5\u73AF\u5883\u914D\u7F6E</li></ul><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#A6ACCD;">NODE_ENV=</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">production</span><span style="color:#89DDFF;">&#39;</span></span>
<span class="line"></span></code></pre></div><ul><li>.env.staging \u6D4B\u8BD5\u73AF\u5883\u914D\u7F6E</li></ul><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;">NODE_ENV=</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">production</span><span style="color:#89DDFF;">&#39;</span></span>
<span class="line"><span style="color:#676E95;"># must start with VUE_APP_</span></span>
<span class="line"><span style="color:#A6ACCD;">VUE_APP_ENV = </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">staging</span><span style="color:#89DDFF;">&#39;</span></span>
<span class="line"></span></code></pre></div><ul><li>.env.production \u6B63\u5F0F\u73AF\u5883\u914D\u7F6E</li></ul><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#A6ACCD;"> NODE_ENV=</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">production</span><span style="color:#89DDFF;">&#39;</span></span>
<span class="line"></span></code></pre></div><ul><li>.env.production \u6B63\u5F0F\u73AF\u5883\u914D\u7F6E</li></ul><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;"> NODE_ENV=</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">production</span><span style="color:#89DDFF;">&#39;</span></span>
<span class="line"><span style="color:#676E95;"># must start with VUE_APP_</span></span>
<span class="line"><span style="color:#A6ACCD;">VUE_APP_ENV = </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">production</span><span style="color:#89DDFF;">&#39;</span></span>
<span class="line"></span></code></pre></div><p>\u8FD9\u91CC\u6211\u4EEC\u5E76\u6CA1\u6709\u5B9A\u4E49\u5F88\u591A\u53D8\u91CF\uFF0C\u53EA\u5B9A\u4E49\u4E86\u57FA\u7840\u7684 VUE_APP_ENV <code>development</code> <code>staging</code> <code>production</code><br> \u53D8\u91CF\u6211\u4EEC\u7EDF\u4E00\u5728 <code>src/config/env.*.js</code> \u91CC\u8FDB\u884C\u7BA1\u7406\u3002</p><p>\u8FD9\u91CC\u6709\u4E2A\u95EE\u9898\uFF0C\u65E2\u7136\u8FD9\u91CC\u6709\u4E86\u6839\u636E\u4E0D\u540C\u73AF\u5883\u8BBE\u7F6E\u53D8\u91CF\u7684\u6587\u4EF6\uFF0C\u4E3A\u4EC0\u4E48\u8FD8\u8981\u53BB config \u4E0B\u65B0\u5EFA\u4E09\u4E2A\u5BF9\u5E94\u7684\u6587\u4EF6\u5462\uFF1F<br><strong>\u4FEE\u6539\u8D77\u6765\u65B9\u4FBF\uFF0C\u4E0D\u9700 \u8981\u91CD\u542F\u9879\u76EE\uFF0C\u7B26\u5408\u5F00\u53D1\u4E60\u60EF\u3002</strong></p><p>config/index.js</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// \u6839\u636E\u73AF\u5883\u5F15\u5165\u4E0D\u540C\u914D\u7F6E p<wbr>rocess.env.NODE_ENV</span></span>
<span class="line"></span></code></pre></div><p>\u8FD9\u91CC\u6211\u4EEC\u5E76\u6CA1\u6709\u5B9A\u4E49\u5F88\u591A\u53D8\u91CF\uFF0C\u53EA\u5B9A\u4E49\u4E86\u57FA\u7840\u7684 VUE_APP_ENV <code>development</code> <code>staging</code> <code>production</code><br> \u53D8\u91CF\u6211\u4EEC\u7EDF\u4E00\u5728 <code>src/config/env.*.js</code> \u91CC\u8FDB\u884C\u7BA1\u7406\u3002</p><p>\u8FD9\u91CC\u6709\u4E2A\u95EE\u9898\uFF0C\u65E2\u7136\u8FD9\u91CC\u6709\u4E86\u6839\u636E\u4E0D\u540C\u73AF\u5883\u8BBE\u7F6E\u53D8\u91CF\u7684\u6587\u4EF6\uFF0C\u4E3A\u4EC0\u4E48\u8FD8\u8981\u53BB config \u4E0B\u65B0\u5EFA\u4E09\u4E2A\u5BF9\u5E94\u7684\u6587\u4EF6\u5462\uFF1F<br><strong>\u4FEE\u6539\u8D77\u6765\u65B9\u4FBF\uFF0C\u4E0D\u9700 \u8981\u91CD\u542F\u9879\u76EE\uFF0C\u7B26\u5408\u5F00\u53D1\u4E60\u60EF\u3002</strong></p><p>config/index.js</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// \u6839\u636E\u73AF\u5883\u5F15\u5165\u4E0D\u540C\u914D\u7F6E p<wbr>rocess.env.NODE_ENV</span></span>
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> config </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">require</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">./env.</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">+</span><span style="color:#A6ACCD;"> process</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">env</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">VUE_APP_ENV)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">module.exports</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> config</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><p>\u914D\u7F6E\u5BF9\u5E94\u73AF\u5883\u7684\u53D8\u91CF\uFF0C\u62FF\u672C\u5730\u73AF\u5883\u6587\u4EF6 <code>env.development.js</code> \u4E3E\u4F8B\uFF0C\u7528\u6237\u53EF\u4EE5\u6839\u636E\u9700\u6C42\u4FEE\u6539</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// \u672C\u5730\u73AF\u5883\u914D\u7F6E</span></span>
<span class="line"></span></code></pre></div><p>\u914D\u7F6E\u5BF9\u5E94\u73AF\u5883\u7684\u53D8\u91CF\uFF0C\u62FF\u672C\u5730\u73AF\u5883\u6587\u4EF6 <code>env.development.js</code> \u4E3E\u4F8B\uFF0C\u7528\u6237\u53EF\u4EE5\u6839\u636E\u9700\u6C42\u4FEE\u6539</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// \u672C\u5730\u73AF\u5883\u914D\u7F6E</span></span>
<span class="line"><span style="color:#89DDFF;">module.exports</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">title</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue-h5-template</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">baseUrl</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">http://localhost:9018</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">// \u9879\u76EE\u5730\u5740</span></span>
@ -24,7 +24,7 @@ import{_ as s,o as n,c as a,d as o}from"./app.b03f2eea.js";const A=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">APPID</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">xxx</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">APPSECRET</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">xxx</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#89DDFF;">};</span></span>
<span class="line"></span></code></pre></div><p>\u6839\u636E\u73AF\u5883\u4E0D\u540C\uFF0C\u53D8\u91CF\u5C31\u4F1A\u4E0D\u540C\u4E86</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// \u6839\u636E\u73AF\u5883\u4E0D\u540C\u5F15\u5165\u4E0D\u540CbaseApi\u5730\u5740</span></span>
<span class="line"></span></code></pre></div><p>\u6839\u636E\u73AF\u5883\u4E0D\u540C\uFF0C\u53D8\u91CF\u5C31\u4F1A\u4E0D\u540C\u4E86</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// \u6839\u636E\u73AF\u5883\u4E0D\u540C\u5F15\u5165\u4E0D\u540CbaseApi\u5730\u5740</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">baseApi</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">@/config</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#A6ACCD;">(baseApi)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div>`,21),e=[l];function c(t,r,D,F,y,i){return n(),a("div",null,e)}const C=s(p,[["render",c]]);export{A as __pageData,C as default};
<span class="line"></span></code></pre></div>`,21),e=[l];function c(t,r,D,y,F,i){return a(),n("div",null,e)}const A=s(p,[["render",c]]);export{C as __pageData,A as default};

1
assets/guide_vue2_env.md.ab06939d.lean.js Normal file
View File

@ -0,0 +1 @@
import{_ as s,o as a,c as n,d as o}from"./app.9df4ae05.js";const C=JSON.parse('{"title":"\u914D\u7F6E\u591A\u73AF\u5883\u53D8\u91CF","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/env.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/env.md"},l=o("",21),e=[l];function c(t,r,D,y,F,i){return a(),n("div",null,e)}const A=s(p,[["render",c]]);export{C as __pageData,A as default};

4
assets/guide_vue2_externals.md.ec80a3f8.js → assets/guide_vue2_externals.md.46b84014.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"\u914D\u7F6E externals \u5F15\u5165 cdn \u8D44\u6E90","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/externals.md","lastUpdated":1665744343000}'),p={name:"guide/vue2/externals.md"},o=l(`<h1 id="\u914D\u7F6E-externals-\u5F15\u5165-cdn-\u8D44\u6E90" tabindex="-1">\u914D\u7F6E externals \u5F15\u5165 cdn \u8D44\u6E90 <a class="header-anchor" href="#\u914D\u7F6E-externals-\u5F15\u5165-cdn-\u8D44\u6E90" aria-hidden="true">#</a></h1><p>\u8FD9\u4E2A\u7248\u672C CDN \u4E0D\u518D\u5F15\u5165\uFF0C\u6211\u6D4B\u8BD5\u4E86\u4E00\u4E0B\u4F7F\u7528\u5F15\u5165 CDN \u548C\u4E0D\u4F7F\u7528,\u4E0D\u4F7F\u7528\u4F1A\u6BD4\u4F7F\u7528\u65F6\u95F4\u5C11\u3002\u7F51\u4E0A\u4E0D\u5C11\u6587\u7AE0\u6D4B\u8BD5 CDN \u901F\u5EA6\u5757\uFF0C\u8FD9\u4E2A\u5F00\u53D1\u8005\u53EF \u4EE5\u5B9E\u9645\u6D4B\u8BD5\u4E00\u4E0B\u3002</p><p>\u53E6\u5916\u9879\u76EE\u4E2D\u4F7F\u7528\u7684\u662F\u516C\u5171 CDN \u4E0D\u7A33\u5B9A\uFF0C\u57DF\u540D\u89E3\u6790\u4E5F\u662F\u9700\u8981\u65F6\u95F4\u7684\uFF08\u5982\u679C\u4F60\u8981\u4F7F\u7528\u8BF7\u5C3D\u91CF\u4F7F\u7528\u540C\u4E00\u4E2A\u57DF\u540D\uFF09</p><p>\u56E0\u4E3A\u9875\u9762\u6BCF\u6B21\u9047\u5230<code>&lt;script&gt;</code>\u6807\u7B7E\u90FD\u4F1A\u505C\u4E0B\u6765\u89E3\u6790\u6267\u884C\uFF0C\u6240\u4EE5\u5E94\u8BE5\u5C3D\u53EF\u80FD\u51CF\u5C11<code>&lt;script&gt;</code>\u6807\u7B7E\u7684\u6570\u91CF <code>HTTP</code>\u8BF7\u6C42\u5B58\u5728\u4E00\u5B9A\u7684\u5F00\u9500\uFF0C100K \u7684\u6587\u4EF6\u6BD4 5 \u4E2A 20K \u7684\u6587\u4EF6\u4E0B\u8F7D\u7684\u66F4\u5FEB\uFF0C\u6240\u4EE5\u8F83\u5C11\u811A\u672C\u6570\u91CF\u4E5F\u662F\u5F88\u6709\u5FC5\u8981\u7684</p><p>\u6682\u65F6\u8FD8\u6CA1\u6709\u7814\u7A76\u653E\u5230\u81EA\u5DF1\u7684 cdn \u670D\u52A1\u5668\u4E0A\u3002</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> defaultSettings </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">require</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">./src/config/index.js</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"\u914D\u7F6E externals \u5F15\u5165 cdn \u8D44\u6E90","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/externals.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/externals.md"},o=l(`<h1 id="\u914D\u7F6E-externals-\u5F15\u5165-cdn-\u8D44\u6E90" tabindex="-1">\u914D\u7F6E externals \u5F15\u5165 cdn \u8D44\u6E90 <a class="header-anchor" href="#\u914D\u7F6E-externals-\u5F15\u5165-cdn-\u8D44\u6E90" aria-hidden="true">#</a></h1><p>\u8FD9\u4E2A\u7248\u672C CDN \u4E0D\u518D\u5F15\u5165\uFF0C\u6211\u6D4B\u8BD5\u4E86\u4E00\u4E0B\u4F7F\u7528\u5F15\u5165 CDN \u548C\u4E0D\u4F7F\u7528,\u4E0D\u4F7F\u7528\u4F1A\u6BD4\u4F7F\u7528\u65F6\u95F4\u5C11\u3002\u7F51\u4E0A\u4E0D\u5C11\u6587\u7AE0\u6D4B\u8BD5 CDN \u901F\u5EA6\u5757\uFF0C\u8FD9\u4E2A\u5F00\u53D1\u8005\u53EF \u4EE5\u5B9E\u9645\u6D4B\u8BD5\u4E00\u4E0B\u3002</p><p>\u53E6\u5916\u9879\u76EE\u4E2D\u4F7F\u7528\u7684\u662F\u516C\u5171 CDN \u4E0D\u7A33\u5B9A\uFF0C\u57DF\u540D\u89E3\u6790\u4E5F\u662F\u9700\u8981\u65F6\u95F4\u7684\uFF08\u5982\u679C\u4F60\u8981\u4F7F\u7528\u8BF7\u5C3D\u91CF\u4F7F\u7528\u540C\u4E00\u4E2A\u57DF\u540D\uFF09</p><p>\u56E0\u4E3A\u9875\u9762\u6BCF\u6B21\u9047\u5230<code>&lt;script&gt;</code>\u6807\u7B7E\u90FD\u4F1A\u505C\u4E0B\u6765\u89E3\u6790\u6267\u884C\uFF0C\u6240\u4EE5\u5E94\u8BE5\u5C3D\u53EF\u80FD\u51CF\u5C11<code>&lt;script&gt;</code>\u6807\u7B7E\u7684\u6570\u91CF <code>HTTP</code>\u8BF7\u6C42\u5B58\u5728\u4E00\u5B9A\u7684\u5F00\u9500\uFF0C100K \u7684\u6587\u4EF6\u6BD4 5 \u4E2A 20K \u7684\u6587\u4EF6\u4E0B\u8F7D\u7684\u66F4\u5FEB\uFF0C\u6240\u4EE5\u8F83\u5C11\u811A\u672C\u6570\u91CF\u4E5F\u662F\u5F88\u6709\u5FC5\u8981\u7684</p><p>\u6682\u65F6\u8FD8\u6CA1\u6709\u7814\u7A76\u653E\u5230\u81EA\u5DF1\u7684 cdn \u670D\u52A1\u5668\u4E0A\u3002</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> defaultSettings </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">require</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">./src/config/index.js</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> name </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> defaultSettings</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">title </span><span style="color:#89DDFF;">||</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue mobile template</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> IS_PROD </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> [</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">production</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">prod</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">]</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">includes</span><span style="color:#A6ACCD;">(process</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">env</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">NODE_ENV)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>
@ -52,7 +52,7 @@ import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#89DDFF;">};</span></span>
<span class="line"></span></code></pre></div><p>\u5728 public/index.html \u4E2D\u6DFB\u52A0</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&lt;!--</span><span style="color:#A6ACCD;"> \u4F7F\u7528CDN\u7684CSS\u6587\u4EF6 </span><span style="color:#89DDFF;">--&gt;</span></span>
<span class="line"></span></code></pre></div><p>\u5728 public/index.html \u4E2D\u6DFB\u52A0</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&lt;!--</span><span style="color:#A6ACCD;"> \u4F7F\u7528CDN\u7684CSS\u6587\u4EF6 </span><span style="color:#89DDFF;">--&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&lt;%</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">for</span><span style="color:#A6ACCD;"> (</span><span style="color:#C792EA;">var</span><span style="color:#A6ACCD;"> i </span><span style="color:#89DDFF;">in</span></span>
<span class="line"><span style="color:#A6ACCD;"> htmlWebpackPlugin</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">options</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">cdn</span><span style="color:#89DDFF;">&amp;&amp;</span><span style="color:#A6ACCD;">htmlWebpackPlugin</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">options</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">cdn</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">css) </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">%&gt;</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">link</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">href</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">&lt;%= htmlWebpackPlugin.options.cdn.css[i] %&gt;</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">rel</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">preload</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">as</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">style</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>

2
assets/guide_vue2_externals.md.ec80a3f8.lean.js → assets/guide_vue2_externals.md.46b84014.lean.js
View File

@ -1 +1 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"\u914D\u7F6E externals \u5F15\u5165 cdn \u8D44\u6E90","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/externals.md","lastUpdated":1665744343000}'),p={name:"guide/vue2/externals.md"},o=l("",8),e=[o];function t(c,D,r,F,y,C){return n(),a("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"\u914D\u7F6E externals \u5F15\u5165 cdn \u8D44\u6E90","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/externals.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/externals.md"},o=l("",8),e=[o];function t(c,D,r,F,y,C){return n(),a("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};

8
assets/guide_vue2_ie.md.69be3b7c.js → assets/guide_vue2_ie.md.0b60ce88.js
View File

@ -1,9 +1,9 @@
import{_ as s,o as a,c as n,d as o}from"./app.b03f2eea.js";const C=JSON.parse('{"title":"\u6DFB\u52A0 IE \u517C\u5BB9","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/ie.md","lastUpdated":1665744343000}'),e={name:"guide/vue2/ie.md"},p=o(`<h1 id="\u6DFB\u52A0-ie-\u517C\u5BB9" tabindex="-1">\u6DFB\u52A0 IE \u517C\u5BB9 <a class="header-anchor" href="#\u6DFB\u52A0-ie-\u517C\u5BB9" aria-hidden="true">#</a></h1><p>\u4E4B\u524D\u7684\u65B9\u5F0F \u4F1A\u62A5 <code>@babel/polyfill</code> is deprecated. Please, use required parts of <code>core-js</code> and <code>regenerator-runtime/runtime</code> separately</p><p><code>@babel/polyfill</code> \u5E9F\u5F03\uFF0C\u4F7F\u7528 <code>core-js</code> \u548C <code>regenerator-runtime</code></p><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#A6ACCD;">npm i --save core-js regenerator-runtime</span></span>
<span class="line"></span></code></pre></div><p>\u5728 <code>main.js</code> \u4E2D\u6DFB\u52A0</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// \u517C\u5BB9 IE</span></span>
import{_ as s,o as a,c as n,d as o}from"./app.9df4ae05.js";const C=JSON.parse('{"title":"\u6DFB\u52A0 IE \u517C\u5BB9","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/ie.md","lastUpdated":1669356998000}'),e={name:"guide/vue2/ie.md"},l=o(`<h1 id="\u6DFB\u52A0-ie-\u517C\u5BB9" tabindex="-1">\u6DFB\u52A0 IE \u517C\u5BB9 <a class="header-anchor" href="#\u6DFB\u52A0-ie-\u517C\u5BB9" aria-hidden="true">#</a></h1><p>\u4E4B\u524D\u7684\u65B9\u5F0F \u4F1A\u62A5 <code>@babel/polyfill</code> is deprecated. Please, use required parts of <code>core-js</code> and <code>regenerator-runtime/runtime</code> separately</p><p><code>@babel/polyfill</code> \u5E9F\u5F03\uFF0C\u4F7F\u7528 <code>core-js</code> \u548C <code>regenerator-runtime</code></p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;">npm i --save core-js regenerator-runtime</span></span>
<span class="line"></span></code></pre></div><p>\u5728 <code>main.js</code> \u4E2D\u6DFB\u52A0</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// \u517C\u5BB9 IE</span></span>
<span class="line"><span style="color:#676E95;">// https://github.com/zloirock/core-js/blob/master/docs/2019-03-19-core-js-3-babel-and-a-look-into-the-future.md#babelpolyfill</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">core-js/stable</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">regenerator-runtime/runtime</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><p>\u914D\u7F6E <code>babel.config.js</code></p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> plugins </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> []</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><p>\u914D\u7F6E <code>babel.config.js</code></p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> plugins </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> []</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#89DDFF;">module.exports</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">presets</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> [</span></span>
@ -11,4 +11,4 @@ import{_ as s,o as a,c as n,d as o}from"./app.b03f2eea.js";const C=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;"> ]</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> plugins</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#89DDFF;">};</span></span>
<span class="line"></span></code></pre></div>`,8),l=[p];function c(t,r,D,i,y,F){return a(),n("div",null,l)}const u=s(e,[["render",c]]);export{C as __pageData,u as default};
<span class="line"></span></code></pre></div>`,8),p=[l];function t(c,r,i,D,y,d){return a(),n("div",null,p)}const u=s(e,[["render",t]]);export{C as __pageData,u as default};

1
assets/guide_vue2_ie.md.0b60ce88.lean.js Normal file
View File

@ -0,0 +1 @@
import{_ as s,o as a,c as n,d as o}from"./app.9df4ae05.js";const C=JSON.parse('{"title":"\u6DFB\u52A0 IE \u517C\u5BB9","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/ie.md","lastUpdated":1669356998000}'),e={name:"guide/vue2/ie.md"},l=o("",8),p=[l];function t(c,r,i,D,y,d){return a(),n("div",null,p)}const u=s(e,[["render",t]]);export{C as __pageData,u as default};

1
assets/guide_vue2_ie.md.69be3b7c.lean.js
View File

@ -1 +0,0 @@
import{_ as s,o as a,c as n,d as o}from"./app.b03f2eea.js";const C=JSON.parse('{"title":"\u6DFB\u52A0 IE \u517C\u5BB9","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/ie.md","lastUpdated":1665744343000}'),e={name:"guide/vue2/ie.md"},p=o("",8),l=[p];function c(t,r,D,i,y,F){return a(),n("div",null,l)}const u=s(e,[["render",c]]);export{C as __pageData,u as default};

4
assets/guide_vue2_lint.md.61ade9fe.js → assets/guide_vue2_lint.md.4cf5b5eb.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as n,c as a,d as o}from"./app.b03f2eea.js";const u=JSON.parse('{"title":"Eslint + Pettier \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/lint.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/lint.md"},p=o(`<h1 id="eslint-pettier-\u7EDF\u4E00\u5F00\u53D1\u89C4\u8303" tabindex="-1">Eslint + Pettier \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303 <a class="header-anchor" href="#eslint-pettier-\u7EDF\u4E00\u5F00\u53D1\u89C4\u8303" aria-hidden="true">#</a></h1><p>VScode \uFF08\u7248\u672C 1.47.3\uFF09\u5B89\u88C5 <code>eslint</code> <code>prettier</code> <code>vetur</code> \u63D2\u4EF6 <code>.vue</code> \u6587\u4EF6\u4F7F\u7528 vetur \u8FDB\u884C\u683C\u5F0F\u5316\uFF0C\u5176\u4ED6\u4F7F\u7528<code>prettier</code>,\u540E\u9762\u4F1A \u4E13\u95E8\u5199\u4E2A\u5982\u4F55\u4F7F\u7528\u914D\u5408\u4F7F\u7528\u8FD9\u4E09\u4E2A\u73A9\u610F</p><p>\u5728\u6587\u4EF6 <code>.prettierrc</code> \u91CC\u5199 \u5C5E\u4E8E\u4F60\u7684 pettier \u89C4\u5219</p><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#89DDFF;">{</span></span>
import{_ as s,o as n,c as a,d as o}from"./app.9df4ae05.js";const u=JSON.parse('{"title":"Eslint + Pettier \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/lint.md","lastUpdated":1669356998000}'),l={name:"guide/vue2/lint.md"},p=o(`<h1 id="eslint-pettier-\u7EDF\u4E00\u5F00\u53D1\u89C4\u8303" tabindex="-1">Eslint + Pettier \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303 <a class="header-anchor" href="#eslint-pettier-\u7EDF\u4E00\u5F00\u53D1\u89C4\u8303" aria-hidden="true">#</a></h1><p>VScode \uFF08\u7248\u672C 1.47.3\uFF09\u5B89\u88C5 <code>eslint</code> <code>prettier</code> <code>vetur</code> \u63D2\u4EF6 <code>.vue</code> \u6587\u4EF6\u4F7F\u7528 vetur \u8FDB\u884C\u683C\u5F0F\u5316\uFF0C\u5176\u4ED6\u4F7F\u7528<code>prettier</code>,\u540E\u9762\u4F1A \u4E13\u95E8\u5199\u4E2A\u5982\u4F55\u4F7F\u7528\u914D\u5408\u4F7F\u7528\u8FD9\u4E09\u4E2A\u73A9\u610F</p><p>\u5728\u6587\u4EF6 <code>.prettierrc</code> \u91CC\u5199 \u5C5E\u4E8E\u4F60\u7684 pettier \u89C4\u5219</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">printWidth</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">: 120,</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">tabWidth</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">: 2,</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">singleQuote</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">: true,</span></span>
@ -18,7 +18,7 @@ import{_ as s,o as n,c as a,d as o}from"./app.b03f2eea.js";const u=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span></span>
<span class="line"><span style="color:#A6ACCD;"> }</span><span style="color:#89DDFF;">]</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span></code></pre></div><p>Vscode setting.json \u8BBE\u7F6E</p><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"></span></code></pre></div><p>Vscode setting.json \u8BBE\u7F6E</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> // \u5C06\u8BBE\u7F6E\u653E\u5165\u6B64\u6587\u4EF6\u4E2D\u4EE5\u8986\u76D6\u9ED8\u8BA4\u8BBE\u7F6E</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">files.autoSave</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">off</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> // \u63A7\u5236\u5B57\u4F53\u7CFB\u5217\u3002</span></span>

2
assets/guide_vue2_lint.md.61ade9fe.lean.js → assets/guide_vue2_lint.md.4cf5b5eb.lean.js
View File

@ -1 +1 @@
import{_ as s,o as n,c as a,d as o}from"./app.b03f2eea.js";const u=JSON.parse('{"title":"Eslint + Pettier \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/lint.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/lint.md"},p=o("",6),t=[p];function e(D,c,r,y,C,F){return n(),a("div",null,t)}const i=s(l,[["render",e]]);export{u as __pageData,i as default};
import{_ as s,o as n,c as a,d as o}from"./app.9df4ae05.js";const u=JSON.parse('{"title":"Eslint + Pettier \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/lint.md","lastUpdated":1669356998000}'),l={name:"guide/vue2/lint.md"},p=o("",6),t=[p];function e(D,c,r,y,C,F){return n(),a("div",null,t)}const i=s(l,[["render",e]]);export{u as __pageData,i as default};

1
assets/guide_vue2_proxy.md.852add5d.lean.js
View File

@ -1 +0,0 @@
import{_ as s,o as a,c as n,d as p}from"./app.b03f2eea.js";const C=JSON.parse('{"title":"\u914D\u7F6E proxy \u8DE8\u57DF","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/proxy.md","lastUpdated":1665744343000}'),o={name:"guide/vue2/proxy.md"},l=p("",6),e=[l];function t(c,r,D,F,y,A){return a(),n("div",null,e)}const d=s(o,[["render",t]]);export{C as __pageData,d as default};

6
assets/guide_vue2_proxy.md.852add5d.js → assets/guide_vue2_proxy.md.e18b9daf.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as a,c as n,d as p}from"./app.b03f2eea.js";const C=JSON.parse('{"title":"\u914D\u7F6E proxy \u8DE8\u57DF","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/proxy.md","lastUpdated":1665744343000}'),o={name:"guide/vue2/proxy.md"},l=p(`<h1 id="\u914D\u7F6E-proxy-\u8DE8\u57DF" tabindex="-1">\u914D\u7F6E proxy \u8DE8\u57DF <a class="header-anchor" href="#\u914D\u7F6E-proxy-\u8DE8\u57DF" aria-hidden="true">#</a></h1><p>\u5982\u679C\u4F60\u7684\u9879\u76EE\u9700\u8981\u8DE8\u57DF\u8BBE\u7F6E\uFF0C\u4F60\u9700\u8981\u6253\u6765 <code>vue.config.js</code> <code>proxy</code> \u6CE8\u91CA \u5E76\u4E14\u914D\u7F6E\u76F8\u5E94\u53C2\u6570</p><p><u><strong>!!!\u6CE8\u610F\uFF1A\u4F60\u8FD8\u9700\u8981\u5C06 <code>src/config/env.development.js</code> \u91CC\u7684 <code>baseApi</code> \u8BBE\u7F6E\u6210 &#39;/&#39;</strong></u></p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">module.exports</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
import{_ as s,o as a,c as n,d as p}from"./app.9df4ae05.js";const A=JSON.parse('{"title":"\u914D\u7F6E proxy \u8DE8\u57DF","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/proxy.md","lastUpdated":1669356998000}'),o={name:"guide/vue2/proxy.md"},l=p(`<h1 id="\u914D\u7F6E-proxy-\u8DE8\u57DF" tabindex="-1">\u914D\u7F6E proxy \u8DE8\u57DF <a class="header-anchor" href="#\u914D\u7F6E-proxy-\u8DE8\u57DF" aria-hidden="true">#</a></h1><p>\u5982\u679C\u4F60\u7684\u9879\u76EE\u9700\u8981\u8DE8\u57DF\u8BBE\u7F6E\uFF0C\u4F60\u9700\u8981\u6253\u6765 <code>vue.config.js</code> <code>proxy</code> \u6CE8\u91CA \u5E76\u4E14\u914D\u7F6E\u76F8\u5E94\u53C2\u6570</p><p><u><strong>!!!\u6CE8\u610F\uFF1A\u4F60\u8FD8\u9700\u8981\u5C06 <code>src/config/env.development.js</code> \u91CC\u7684 <code>baseApi</code> \u8BBE\u7F6E\u6210 &#39;/&#39;</strong></u></p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">module.exports</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">devServer</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;">// ....</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">proxy</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
@ -14,11 +14,11 @@ import{_ as s,o as a,c as n,d as p}from"./app.b03f2eea.js";const C=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#89DDFF;">};</span></span>
<span class="line"></span></code></pre></div><p>\u4F7F\u7528 \u4F8B\u5982: <code>src/api/home.js</code></p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">function</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">getUserInfo</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">params</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"></span></code></pre></div><p>\u4F7F\u7528 \u4F8B\u5982: <code>src/api/home.js</code></p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">function</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">getUserInfo</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">params</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">return</span><span style="color:#F07178;"> </span><span style="color:#82AAFF;">request</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> url</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">/api/userinfo</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#F07178;"> method</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">post</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#F07178;"> data</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">qs</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">stringify</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">params</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span></code></pre></div>`,6),e=[l];function t(c,r,D,F,y,A){return a(),n("div",null,e)}const d=s(o,[["render",t]]);export{C as __pageData,d as default};
<span class="line"></span></code></pre></div>`,6),e=[l];function t(c,r,D,F,y,i){return a(),n("div",null,e)}const d=s(o,[["render",t]]);export{A as __pageData,d as default};

1
assets/guide_vue2_proxy.md.e18b9daf.lean.js Normal file
View File

@ -0,0 +1 @@
import{_ as s,o as a,c as n,d as p}from"./app.9df4ae05.js";const A=JSON.parse('{"title":"\u914D\u7F6E proxy \u8DE8\u57DF","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/proxy.md","lastUpdated":1669356998000}'),o={name:"guide/vue2/proxy.md"},l=p("",6),e=[l];function t(c,r,D,F,y,i){return a(),n("div",null,e)}const d=s(o,[["render",t]]);export{A as __pageData,d as default};

6
assets/guide_vue2_rem.md.44980787.js → assets/guide_vue2_rem.md.12171b35.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as a,c as n,d as p}from"./app.b03f2eea.js";const d=JSON.parse('{"title":"rem \u9002\u914D\u65B9\u6848","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/rem.md","lastUpdated":1665744343000}'),o={name:"guide/vue2/rem.md"},l=p(`<h1 id="rem-\u9002\u914D\u65B9\u6848" tabindex="-1">rem \u9002\u914D\u65B9\u6848 <a class="header-anchor" href="#rem-\u9002\u914D\u65B9\u6848" aria-hidden="true">#</a></h1><p>\u4E0D\u7528\u62C5\u5FC3\uFF0C\u9879\u76EE\u5DF2\u7ECF\u914D\u7F6E\u597D\u4E86 <code>rem</code> \u9002\u914D, \u4E0B\u9762\u4EC5\u505A\u4ECB\u7ECD\uFF1A</p><p>Vant \u4E2D\u7684\u6837\u5F0F\u9ED8\u8BA4\u4F7F\u7528<code>px</code>\u4F5C\u4E3A\u5355\u4F4D\uFF0C\u5982\u679C\u9700\u8981\u4F7F\u7528<code>rem</code>\u5355\u4F4D\uFF0C\u63A8\u8350\u4F7F\u7528\u4EE5\u4E0B\u4E24\u4E2A\u5DE5\u5177:</p><ul><li><a href="https://github.com/cuth/postcss-pxtorem" target="_blank" rel="noreferrer">postcss-pxtorem</a> \u662F\u4E00\u6B3E <code>postcss</code> \u63D2\u4EF6\uFF0C\u7528\u4E8E\u5C06\u5355\u4F4D\u8F6C\u5316\u4E3A <code>rem</code></li><li><a href="https://github.com/amfe/lib-flexible" target="_blank" rel="noreferrer">lib-flexible</a> \u7528\u4E8E\u8BBE\u7F6E <code>rem</code> \u57FA\u51C6\u503C</li></ul><h5 id="postcss-\u914D\u7F6E" tabindex="-1">PostCSS \u914D\u7F6E <a class="header-anchor" href="#postcss-\u914D\u7F6E" aria-hidden="true">#</a></h5><p>\u4E0B\u9762\u63D0\u4F9B\u4E86\u4E00\u4EFD\u57FA\u672C\u7684 <code>postcss</code> \u914D\u7F6E\uFF0C\u53EF\u4EE5\u5728\u6B64\u914D\u7F6E\u7684\u57FA\u7840\u4E0A\u6839\u636E\u9879\u76EE\u9700\u6C42\u8FDB\u884C\u4FEE\u6539</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// https://github.com/michael-ciniawsky/postcss-load-config</span></span>
import{_ as s,o as a,c as n,d as p}from"./app.9df4ae05.js";const d=JSON.parse('{"title":"rem \u9002\u914D\u65B9\u6848","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/rem.md","lastUpdated":1669356998000}'),o={name:"guide/vue2/rem.md"},l=p(`<h1 id="rem-\u9002\u914D\u65B9\u6848" tabindex="-1">rem \u9002\u914D\u65B9\u6848 <a class="header-anchor" href="#rem-\u9002\u914D\u65B9\u6848" aria-hidden="true">#</a></h1><p>\u4E0D\u7528\u62C5\u5FC3\uFF0C\u9879\u76EE\u5DF2\u7ECF\u914D\u7F6E\u597D\u4E86 <code>rem</code> \u9002\u914D, \u4E0B\u9762\u4EC5\u505A\u4ECB\u7ECD\uFF1A</p><p>Vant \u4E2D\u7684\u6837\u5F0F\u9ED8\u8BA4\u4F7F\u7528<code>px</code>\u4F5C\u4E3A\u5355\u4F4D\uFF0C\u5982\u679C\u9700\u8981\u4F7F\u7528<code>rem</code>\u5355\u4F4D\uFF0C\u63A8\u8350\u4F7F\u7528\u4EE5\u4E0B\u4E24\u4E2A\u5DE5\u5177:</p><ul><li><a href="https://github.com/cuth/postcss-pxtorem" target="_blank" rel="noreferrer">postcss-pxtorem</a> \u662F\u4E00\u6B3E <code>postcss</code> \u63D2\u4EF6\uFF0C\u7528\u4E8E\u5C06\u5355\u4F4D\u8F6C\u5316\u4E3A <code>rem</code></li><li><a href="https://github.com/amfe/lib-flexible" target="_blank" rel="noreferrer">lib-flexible</a> \u7528\u4E8E\u8BBE\u7F6E <code>rem</code> \u57FA\u51C6\u503C</li></ul><h5 id="postcss-\u914D\u7F6E" tabindex="-1">PostCSS \u914D\u7F6E <a class="header-anchor" href="#postcss-\u914D\u7F6E" aria-hidden="true">#</a></h5><p>\u4E0B\u9762\u63D0\u4F9B\u4E86\u4E00\u4EFD\u57FA\u672C\u7684 <code>postcss</code> \u914D\u7F6E\uFF0C\u53EF\u4EE5\u5728\u6B64\u914D\u7F6E\u7684\u57FA\u7840\u4E0A\u6839\u636E\u9879\u76EE\u9700\u6C42\u8FDB\u884C\u4FEE\u6539</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// https://github.com/michael-ciniawsky/postcss-load-config</span></span>
<span class="line"><span style="color:#89DDFF;">module.exports</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">plugins</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">autoprefixer</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
@ -16,8 +16,8 @@ import{_ as s,o as a,c as n,d as p}from"./app.b03f2eea.js";const d=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#89DDFF;">};</span></span>
<span class="line"></span></code></pre></div><p>\u66F4\u591A\u8BE6\u7EC6\u4FE1\u606F\uFF1A <a href="https://youzan.github.io/vant/#/zh-CN/quickstart#jin-jie-yong-fa" target="_blank" rel="noreferrer">vant</a></p><p><strong>\u65B0\u624B\u5FC5\u770B\uFF0C\u8001\u9E1F\u8DF3\u8FC7</strong></p><p>\u5F88\u591A\u5C0F\u4F19\u4F34\u4F1A\u95EE\u6211\uFF0C\u9002\u914D\u7684\u95EE\u9898,\u56E0\u4E3A\u6211\u4EEC\u4F7F\u7528\u7684\u662F Vant UI\uFF0C\u6240\u4EE5\u5FC5\u987B\u6839\u636E Vant UI 375 \u7684\u8BBE\u8BA1\u89C4\u8303\u8D70\uFF0C\u4E00\u822C\u6211\u4EEC\u7684\u8BBE\u8BA1\u4F1A\u5C06 UI \u56FE\u4E0A\u4F20\u5230\u84DD\u6E56\uFF0C\u6211\u4EEC\u5C31\u53EF\u4EE5\u9700\u8981\u7684\u5C3A\u5BF8\u4E86\u3002\u4E0B\u9762\u5C31\u5927\u6982\u666E\u53CA\u4E00\u4E0B rem\u3002</p><p>\u6211\u4EEC\u77E5\u9053 <code>1rem</code> \u7B49\u4E8E<code>html</code> \u6839\u5143\u7D20\u8BBE\u5B9A\u7684 <code>font-size</code> \u7684 <code>px</code> \u503C\u3002Vant UI \u8BBE\u7F6E <code>rootValue: 37.5</code>,\u4F60\u53EF\u4EE5\u770B\u5230\u5728 iPhone 6 \u4E0B\u770B\u5230 \uFF08<code>1rem \u7B49\u4E8E 37.5px</code>\uFF09\uFF1A</p><div class="language-html"><button class="copy"></button><span class="lang">html</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">html</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">data-dpr</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">1</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">style</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">font-size: 37.5px;</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;&lt;/</span><span style="color:#F07178;">html</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><p>\u5207\u6362\u4E0D\u540C\u7684\u673A\u578B\uFF0C\u6839\u5143\u7D20\u53EF\u80FD\u4F1A\u6709\u4E0D\u540C\u7684<code>font-size</code>\u3002\u5F53\u4F60\u5199 css px \u6837\u5F0F\u65F6\uFF0C\u4F1A\u88AB\u7A0B\u5E8F\u6362\u7B97\u6210 <code>rem</code> \u8FBE\u5230\u9002\u914D\u3002</p><p>\u56E0\u4E3A\u6211\u4EEC\u7528\u4E86 Vant \u7684\u7EC4\u4EF6\uFF0C\u9700\u8981\u6309\u7167 <code>rootValue: 37.5</code> \u6765\u5199\u6837\u5F0F\u3002</p><p>\u4E3E\u4E2A\u4F8B\u5B50\uFF1A\u8BBE\u8BA1\u7ED9\u4E86\u4F60\u4E00\u5F20 750px * 1334px \u56FE\u7247\uFF0C\u5728 iPhone6 \u4E0A\u94FA\u6EE1\u5C4F\u5E55,\u5176\u4ED6\u673A\u578B\u9002\u914D\u3002</p><ul><li>\u5F53<code>rootValue: 70</code> , \u6837\u5F0F <code>width: 750px;height: 1334px;</code> \u56FE\u7247\u4F1A\u6491\u6EE1 iPhone6 \u5C4F\u5E55\uFF0C\u8FD9\u4E2A\u65F6\u5019\u5207\u6362\u5176\u4ED6\u673A\u578B\uFF0C\u56FE\u7247\u4E5F\u4F1A\u8DDF\u7740\u6491\u6EE1\u3002</li><li>\u5F53<code>rootValue: 37.5</code> \u7684\u65F6\u5019\uFF0C\u6837\u5F0F <code>width: 375px;height: 667px;</code> \u56FE\u7247\u4F1A\u6491\u6EE1 iPhone6 \u5C4F\u5E55\u3002</li></ul><p>\u4E5F\u5C31\u662F iphone 6 \u4E0B 375px \u5BBD\u5EA6\u5199 CSS\u3002\u5176\u4ED6\u7684\u4F60\u5C31\u53EF\u4EE5\u6839\u636E\u4F60\u8BBE\u8BA1\u56FE\uFF0C\u53BB\u5199\u5BF9\u5E94\u7684\u6837\u5F0F\u5C31\u53EF\u4EE5\u4E86\u3002</p><p>\u5F53\u7136\uFF0C\u60F3\u8981\u6491\u6EE1\u5C4F\u5E55\u4F60\u53EF\u4EE5\u4F7F\u7528 100%\uFF0C\u8FD9\u91CC\u53EA\u662F\u4E3E\u4F8B\u8BF4\u660E\u3002</p><div class="language-html"><button class="copy"></button><span class="lang">html</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">img</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">class</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">image</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">src</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">https://www.sunniejs.cn/static/weapp/logo.png</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"></span></code></pre></div><p>\u66F4\u591A\u8BE6\u7EC6\u4FE1\u606F\uFF1A <a href="https://youzan.github.io/vant/#/zh-CN/quickstart#jin-jie-yong-fa" target="_blank" rel="noreferrer">vant</a></p><p><strong>\u65B0\u624B\u5FC5\u770B\uFF0C\u8001\u9E1F\u8DF3\u8FC7</strong></p><p>\u5F88\u591A\u5C0F\u4F19\u4F34\u4F1A\u95EE\u6211\uFF0C\u9002\u914D\u7684\u95EE\u9898,\u56E0\u4E3A\u6211\u4EEC\u4F7F\u7528\u7684\u662F Vant UI\uFF0C\u6240\u4EE5\u5FC5\u987B\u6839\u636E Vant UI 375 \u7684\u8BBE\u8BA1\u89C4\u8303\u8D70\uFF0C\u4E00\u822C\u6211\u4EEC\u7684\u8BBE\u8BA1\u4F1A\u5C06 UI \u56FE\u4E0A\u4F20\u5230\u84DD\u6E56\uFF0C\u6211\u4EEC\u5C31\u53EF\u4EE5\u9700\u8981\u7684\u5C3A\u5BF8\u4E86\u3002\u4E0B\u9762\u5C31\u5927\u6982\u666E\u53CA\u4E00\u4E0B rem\u3002</p><p>\u6211\u4EEC\u77E5\u9053 <code>1rem</code> \u7B49\u4E8E<code>html</code> \u6839\u5143\u7D20\u8BBE\u5B9A\u7684 <code>font-size</code> \u7684 <code>px</code> \u503C\u3002Vant UI \u8BBE\u7F6E <code>rootValue: 37.5</code>,\u4F60\u53EF\u4EE5\u770B\u5230\u5728 iPhone 6 \u4E0B\u770B\u5230 \uFF08<code>1rem \u7B49\u4E8E 37.5px</code>\uFF09\uFF1A</p><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">html</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">data-dpr</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">1</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">style</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">font-size: 37.5px;</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;&lt;/</span><span style="color:#F07178;">html</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><p>\u5207\u6362\u4E0D\u540C\u7684\u673A\u578B\uFF0C\u6839\u5143\u7D20\u53EF\u80FD\u4F1A\u6709\u4E0D\u540C\u7684<code>font-size</code>\u3002\u5F53\u4F60\u5199 css px \u6837\u5F0F\u65F6\uFF0C\u4F1A\u88AB\u7A0B\u5E8F\u6362\u7B97\u6210 <code>rem</code> \u8FBE\u5230\u9002\u914D\u3002</p><p>\u56E0\u4E3A\u6211\u4EEC\u7528\u4E86 Vant \u7684\u7EC4\u4EF6\uFF0C\u9700\u8981\u6309\u7167 <code>rootValue: 37.5</code> \u6765\u5199\u6837\u5F0F\u3002</p><p>\u4E3E\u4E2A\u4F8B\u5B50\uFF1A\u8BBE\u8BA1\u7ED9\u4E86\u4F60\u4E00\u5F20 750px * 1334px \u56FE\u7247\uFF0C\u5728 iPhone6 \u4E0A\u94FA\u6EE1\u5C4F\u5E55,\u5176\u4ED6\u673A\u578B\u9002\u914D\u3002</p><ul><li>\u5F53<code>rootValue: 70</code> , \u6837\u5F0F <code>width: 750px;height: 1334px;</code> \u56FE\u7247\u4F1A\u6491\u6EE1 iPhone6 \u5C4F\u5E55\uFF0C\u8FD9\u4E2A\u65F6\u5019\u5207\u6362\u5176\u4ED6\u673A\u578B\uFF0C\u56FE\u7247\u4E5F\u4F1A\u8DDF\u7740\u6491\u6EE1\u3002</li><li>\u5F53<code>rootValue: 37.5</code> \u7684\u65F6\u5019\uFF0C\u6837\u5F0F <code>width: 375px;height: 667px;</code> \u56FE\u7247\u4F1A\u6491\u6EE1 iPhone6 \u5C4F\u5E55\u3002</li></ul><p>\u4E5F\u5C31\u662F iphone 6 \u4E0B 375px \u5BBD\u5EA6\u5199 CSS\u3002\u5176\u4ED6\u7684\u4F60\u5C31\u53EF\u4EE5\u6839\u636E\u4F60\u8BBE\u8BA1\u56FE\uFF0C\u53BB\u5199\u5BF9\u5E94\u7684\u6837\u5F0F\u5C31\u53EF\u4EE5\u4E86\u3002</p><p>\u5F53\u7136\uFF0C\u60F3\u8981\u6491\u6EE1\u5C4F\u5E55\u4F60\u53EF\u4EE5\u4F7F\u7528 100%\uFF0C\u8FD9\u91CC\u53EA\u662F\u4E3E\u4F8B\u8BF4\u660E\u3002</p><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">img</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">class</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">image</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">src</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">https://www.sunniejs.cn/static/weapp/logo.png</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/* rootValue: 75 */</span></span>

2
assets/guide_vue2_rem.md.44980787.lean.js → assets/guide_vue2_rem.md.12171b35.lean.js
View File

@ -1 +1 @@
import{_ as s,o as a,c as n,d as p}from"./app.b03f2eea.js";const d=JSON.parse('{"title":"rem \u9002\u914D\u65B9\u6848","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/rem.md","lastUpdated":1665744343000}'),o={name:"guide/vue2/rem.md"},l=p("",19),e=[l];function t(c,r,D,F,y,i){return a(),n("div",null,e)}const A=s(o,[["render",t]]);export{d as __pageData,A as default};
import{_ as s,o as a,c as n,d as p}from"./app.9df4ae05.js";const d=JSON.parse('{"title":"rem \u9002\u914D\u65B9\u6848","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/rem.md","lastUpdated":1669356998000}'),o={name:"guide/vue2/rem.md"},l=p("",19),e=[l];function t(c,r,D,F,y,i){return a(),n("div",null,e)}const A=s(o,[["render",t]]);export{d as __pageData,A as default};

2
assets/guide_vue2_router.md.2d02a6ea.js → assets/guide_vue2_router.md.b33981b3.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as n,c as a,d as o}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"Vue-router","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/router.md","lastUpdated":1665744343000}'),p={name:"guide/vue2/router.md"},l=o(`<h1 id="vue-router" tabindex="-1">Vue-router <a class="header-anchor" href="#vue-router" aria-hidden="true">#</a></h1><p>\u672C\u6848\u4F8B\u91C7\u7528 <code>hash</code> \u6A21\u5F0F\uFF0C\u5F00\u53D1\u8005\u6839\u636E\u9700\u6C42\u4FEE\u6539 <code>mode</code> <code>base</code></p><p><strong>\u6CE8\u610F</strong>\uFF1A\u5982\u679C\u4F60\u4F7F\u7528\u4E86 <code>history</code> \u6A21\u5F0F\uFF0C<code>vue.config.js</code> \u4E2D\u7684 <code>publicPath</code> \u8981\u505A\u5BF9\u5E94\u7684<strong>\u4FEE\u6539</strong></p><p>\u524D\u5F80:<a href="#base">vue.config.js \u57FA\u7840\u914D\u7F6E</a></p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> Vue </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
import{_ as s,o as n,c as a,d as o}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"Vue-router","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/router.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/router.md"},l=o(`<h1 id="vue-router" tabindex="-1">Vue-router <a class="header-anchor" href="#vue-router" aria-hidden="true">#</a></h1><p>\u672C\u6848\u4F8B\u91C7\u7528 <code>hash</code> \u6A21\u5F0F\uFF0C\u5F00\u53D1\u8005\u6839\u636E\u9700\u6C42\u4FEE\u6539 <code>mode</code> <code>base</code></p><p><strong>\u6CE8\u610F</strong>\uFF1A\u5982\u679C\u4F60\u4F7F\u7528\u4E86 <code>history</code> \u6A21\u5F0F\uFF0C<code>vue.config.js</code> \u4E2D\u7684 <code>publicPath</code> \u8981\u505A\u5BF9\u5E94\u7684<strong>\u4FEE\u6539</strong></p><p>\u524D\u5F80:<a href="#base">vue.config.js \u57FA\u7840\u914D\u7F6E</a></p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> Vue </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> Router </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue-router</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#A6ACCD;">Vue</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">use</span><span style="color:#A6ACCD;">(Router)</span><span style="color:#89DDFF;">;</span></span>

2
assets/guide_vue2_router.md.2d02a6ea.lean.js → assets/guide_vue2_router.md.b33981b3.lean.js
View File

@ -1 +1 @@
import{_ as s,o as n,c as a,d as o}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"Vue-router","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/router.md","lastUpdated":1665744343000}'),p={name:"guide/vue2/router.md"},l=o("",5),e=[l];function t(c,r,D,y,F,A){return n(),a("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};
import{_ as s,o as n,c as a,d as o}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"Vue-router","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/router.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/router.md"},l=o("",5),e=[l];function t(c,r,D,y,F,A){return n(),a("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};

16
assets/guide_vue2_sass.md.abc0ed1b.js → assets/guide_vue2_sass.md.3f36c0a3.js
View File

@ -1,26 +1,26 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"Sass \u5168\u5C40\u6837\u5F0F","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/sass.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/sass.md"},o=p(`<h1 id="sass-\u5168\u5C40\u6837\u5F0F" tabindex="-1">Sass \u5168\u5C40\u6837\u5F0F <a class="header-anchor" href="#sass-\u5168\u5C40\u6837\u5F0F" aria-hidden="true">#</a></h1><p>\u9996\u5148 \u4F60\u53EF\u80FD\u4F1A\u9047\u5230 <code>node-sass</code> \u5B89\u88C5\u4E0D\u6210\u529F\uFF0C\u522B\u653E\u5F03\u591A\u8BD5\u51E0\u6B21\uFF01\uFF01\uFF01</p><p>\u6BCF\u4E2A\u9875\u9762\u81EA\u5DF1\u5BF9\u5E94\u7684\u6837\u5F0F\u90FD\u5199\u5728\u81EA\u5DF1\u7684 .vue \u6587\u4EF6\u4E4B\u4E2D <code>scoped</code> \u5B83\u987E\u540D\u601D\u4E49\u7ED9 css \u52A0\u4E86\u4E00\u4E2A\u57DF\u7684\u6982\u5FF5\u3002</p><div class="language-html"><button class="copy"></button><span class="lang">html</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">lang</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">scss</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;</span></span>
import{_ as s,o as a,c as n,d as l}from"./app.9df4ae05.js";const A=JSON.parse('{"title":"Sass \u5168\u5C40\u6837\u5F0F","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/sass.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/sass.md"},o=l(`<h1 id="sass-\u5168\u5C40\u6837\u5F0F" tabindex="-1">Sass \u5168\u5C40\u6837\u5F0F <a class="header-anchor" href="#sass-\u5168\u5C40\u6837\u5F0F" aria-hidden="true">#</a></h1><p>\u9996\u5148 \u4F60\u53EF\u80FD\u4F1A\u9047\u5230 <code>node-sass</code> \u5B89\u88C5\u4E0D\u6210\u529F\uFF0C\u522B\u653E\u5F03\u591A\u8BD5\u51E0\u6B21\uFF01\uFF01\uFF01</p><p>\u6BCF\u4E2A\u9875\u9762\u81EA\u5DF1\u5BF9\u5E94\u7684\u6837\u5F0F\u90FD\u5199\u5728\u81EA\u5DF1\u7684 .vue \u6587\u4EF6\u4E4B\u4E2D <code>scoped</code> \u5B83\u987E\u540D\u601D\u4E49\u7ED9 css \u52A0\u4E86\u4E00\u4E2A\u57DF\u7684\u6982\u5FF5\u3002</p><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">lang</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">scss</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/* global styles */</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">lang</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">scss</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">scoped</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/* local styles */</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><h4 id="\u76EE\u5F55\u7ED3\u6784" tabindex="-1">\u76EE\u5F55\u7ED3\u6784 <a class="header-anchor" href="#\u76EE\u5F55\u7ED3\u6784" aria-hidden="true">#</a></h4><p>vue-h5-template \u6240\u6709\u5168\u5C40\u6837\u5F0F\u90FD\u5728 <code>@/src/assets/css</code> \u76EE\u5F55\u4E0B\u8BBE\u7F6E</p><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#A6ACCD;">\u251C\u2500\u2500 assets</span></span>
<span class="line"></span></code></pre></div><h4 id="\u76EE\u5F55\u7ED3\u6784" tabindex="-1">\u76EE\u5F55\u7ED3\u6784 <a class="header-anchor" href="#\u76EE\u5F55\u7ED3\u6784" aria-hidden="true">#</a></h4><p>vue-h5-template \u6240\u6709\u5168\u5C40\u6837\u5F0F\u90FD\u5728 <code>@/src/assets/css</code> \u76EE\u5F55\u4E0B\u8BBE\u7F6E</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;">\u251C\u2500\u2500 assets</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u251C\u2500\u2500 css</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u2502 \u251C\u2500\u2500 index.scss </span><span style="color:#676E95;"># \u5168\u5C40\u901A\u7528\u6837\u5F0F</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u2502 \u251C\u2500\u2500 mixin.scss </span><span style="color:#676E95;"># \u5168\u5C40mixin</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u2502 \u2514\u2500\u2500 variables.scss </span><span style="color:#676E95;"># \u5168\u5C40\u53D8\u91CF</span></span>
<span class="line"></span></code></pre></div><h4 id="\u81EA\u5B9A\u4E49-vant-ui-\u6837\u5F0F" tabindex="-1">\u81EA\u5B9A\u4E49 vant-ui \u6837\u5F0F <a class="header-anchor" href="#\u81EA\u5B9A\u4E49-vant-ui-\u6837\u5F0F" aria-hidden="true">#</a></h4><p>\u73B0\u5728\u6211\u4EEC\u6765\u8BF4\u8BF4\u600E\u4E48\u91CD\u5199 <code>vant-ui</code> \u6837\u5F0F\u3002\u7531\u4E8E <code>vant-ui</code> \u7684\u6837\u5F0F\u6211\u4EEC\u662F\u5728\u5168\u5C40\u5F15\u5165\u7684\uFF0C\u6240\u4EE5\u4F60\u60F3\u5728\u67D0\u4E2A\u9875\u9762\u91CC\u9762\u8986\u76D6\u5B83\u7684\u6837\u5F0F\u5C31\u4E0D\u80FD\u52A0 <code>scoped</code>\uFF0C\u4F46\u4F60\u53C8\u60F3\u53EA\u8986\u76D6\u8FD9\u4E2A\u9875\u9762\u7684 <code>vant</code> \u6837\u5F0F\uFF0C\u4F60\u5C31\u53EF\u5728\u5B83\u7684\u7236\u7EA7\u52A0\u4E00\u4E2A <code>class</code>\uFF0C\u7528\u547D\u540D\u7A7A\u95F4\u6765\u89E3\u51B3\u95EE\u9898\u3002</p><div class="language-css"><button class="copy"></button><span class="lang">css</span><pre><code><span class="line"><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">about-container</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"></span></code></pre></div><h4 id="\u81EA\u5B9A\u4E49-vant-ui-\u6837\u5F0F" tabindex="-1">\u81EA\u5B9A\u4E49 vant-ui \u6837\u5F0F <a class="header-anchor" href="#\u81EA\u5B9A\u4E49-vant-ui-\u6837\u5F0F" aria-hidden="true">#</a></h4><p>\u73B0\u5728\u6211\u4EEC\u6765\u8BF4\u8BF4\u600E\u4E48\u91CD\u5199 <code>vant-ui</code> \u6837\u5F0F\u3002\u7531\u4E8E <code>vant-ui</code> \u7684\u6837\u5F0F\u6211\u4EEC\u662F\u5728\u5168\u5C40\u5F15\u5165\u7684\uFF0C\u6240\u4EE5\u4F60\u60F3\u5728\u67D0\u4E2A\u9875\u9762\u91CC\u9762\u8986\u76D6\u5B83\u7684\u6837\u5F0F\u5C31\u4E0D\u80FD\u52A0 <code>scoped</code>\uFF0C\u4F46\u4F60\u53C8\u60F3\u53EA\u8986\u76D6\u8FD9\u4E2A\u9875\u9762\u7684 <code>vant</code> \u6837\u5F0F\uFF0C\u4F60\u5C31\u53EF\u5728\u5B83\u7684\u7236\u7EA7\u52A0\u4E00\u4E2A <code>class</code>\uFF0C\u7528\u547D\u540D\u7A7A\u95F4\u6765\u89E3\u51B3\u95EE\u9898\u3002</p><div class="language-css"><button title="Copy Code" class="copy"></button><span class="lang">css</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">about-container</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/* \u4F60\u7684\u547D\u540D\u7A7A\u95F4 */</span></span>
<span class="line"><span style="color:#A6ACCD;"> .van-button {</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/* vant-ui \u5143\u7D20*/</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#B2CCD6;">margin-right</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">0px</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span></span>
<span class="line"><span style="color:#A6ACCD;">}</span></span>
<span class="line"></span></code></pre></div><h4 id="\u7236\u7EC4\u4EF6\u6539\u53D8\u5B50\u7EC4\u4EF6\u6837\u5F0F-\u6DF1\u5EA6\u9009\u62E9\u5668" tabindex="-1">\u7236\u7EC4\u4EF6\u6539\u53D8\u5B50\u7EC4\u4EF6\u6837\u5F0F \u6DF1\u5EA6\u9009\u62E9\u5668 <a class="header-anchor" href="#\u7236\u7EC4\u4EF6\u6539\u53D8\u5B50\u7EC4\u4EF6\u6837\u5F0F-\u6DF1\u5EA6\u9009\u62E9\u5668" aria-hidden="true">#</a></h4><p>\u5F53\u4F60\u5B50\u7EC4\u4EF6\u4F7F\u7528\u4E86 <code>scoped</code> \u4F46\u5728\u7236\u7EC4\u4EF6\u53C8\u60F3\u4FEE\u6539\u5B50\u7EC4\u4EF6\u7684\u6837\u5F0F\u53EF\u4EE5 \u901A\u8FC7 <code>&gt;&gt;&gt;</code> \u6765\u5B9E\u73B0\uFF1A</p><div class="language-css"><button class="copy"></button><span class="lang">css</span><pre><code><span class="line"><span style="color:#A6ACCD;">&lt;</span><span style="color:#FFCB6B;">style</span><span style="color:#A6ACCD;"> scoped</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><h4 id="\u7236\u7EC4\u4EF6\u6539\u53D8\u5B50\u7EC4\u4EF6\u6837\u5F0F-\u6DF1\u5EA6\u9009\u62E9\u5668" tabindex="-1">\u7236\u7EC4\u4EF6\u6539\u53D8\u5B50\u7EC4\u4EF6\u6837\u5F0F \u6DF1\u5EA6\u9009\u62E9\u5668 <a class="header-anchor" href="#\u7236\u7EC4\u4EF6\u6539\u53D8\u5B50\u7EC4\u4EF6\u6837\u5F0F-\u6DF1\u5EA6\u9009\u62E9\u5668" aria-hidden="true">#</a></h4><p>\u5F53\u4F60\u5B50\u7EC4\u4EF6\u4F7F\u7528\u4E86 <code>scoped</code> \u4F46\u5728\u7236\u7EC4\u4EF6\u53C8\u60F3\u4FEE\u6539\u5B50\u7EC4\u4EF6\u7684\u6837\u5F0F\u53EF\u4EE5 \u901A\u8FC7 <code>&gt;&gt;&gt;</code> \u6765\u5B9E\u73B0\uFF1A</p><div class="language-css"><button title="Copy Code" class="copy"></button><span class="lang">css</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;">&lt;</span><span style="color:#FFCB6B;">style</span><span style="color:#A6ACCD;"> scoped</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">a</span><span style="color:#A6ACCD;"> &gt;&gt;&gt; </span><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">b</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/* ... */</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span></span>
<span class="line"><span style="color:#A6ACCD;">&lt;/</span><span style="color:#FFCB6B;">style</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><h4 id="\u5168\u5C40\u53D8\u91CF" tabindex="-1">\u5168\u5C40\u53D8\u91CF <a class="header-anchor" href="#\u5168\u5C40\u53D8\u91CF" aria-hidden="true">#</a></h4><p><code>vue.config.js</code> \u914D\u7F6E\u4F7F\u7528 <code>css.loaderOptions</code> \u9009\u9879,\u6CE8\u5165 <code>sass</code> \u7684 <code>mixin</code> <code>variables</code> \u5230\u5168\u5C40\uFF0C\u4E0D\u9700\u8981\u624B\u52A8\u5F15\u5165 ,\u914D\u7F6E<code>$cdn</code>\u901A\u8FC7\u53D8\u91CF\u5F62\u5F0F\u5F15\u5165 cdn \u5730\u5740,\u8FD9\u6837\u5411\u6240\u6709 Sass/Less \u6837\u5F0F\u4F20\u5165\u5171\u4EAB\u7684\u5168\u5C40\u53D8\u91CF\uFF1A</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> IS_PROD </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> [</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">production</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">prod</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">]</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">includes</span><span style="color:#A6ACCD;">(process</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">env</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">NODE_ENV)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><h4 id="\u5168\u5C40\u53D8\u91CF" tabindex="-1">\u5168\u5C40\u53D8\u91CF <a class="header-anchor" href="#\u5168\u5C40\u53D8\u91CF" aria-hidden="true">#</a></h4><p><code>vue.config.js</code> \u914D\u7F6E\u4F7F\u7528 <code>css.loaderOptions</code> \u9009\u9879,\u6CE8\u5165 <code>sass</code> \u7684 <code>mixin</code> <code>variables</code> \u5230\u5168\u5C40\uFF0C\u4E0D\u9700\u8981\u624B\u52A8\u5F15\u5165 ,\u914D\u7F6E<code>$cdn</code>\u901A\u8FC7\u53D8\u91CF\u5F62\u5F0F\u5F15\u5165 cdn \u5730\u5740,\u8FD9\u6837\u5411\u6240\u6709 Sass/Less \u6837\u5F0F\u4F20\u5165\u5171\u4EAB\u7684\u5168\u5C40\u53D8\u91CF\uFF1A</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> IS_PROD </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> [</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">production</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">prod</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">]</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">includes</span><span style="color:#A6ACCD;">(process</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">env</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">NODE_ENV)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> defaultSettings </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">require</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">./src/config/index.js</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">module.exports</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">css</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
@ -40,14 +40,14 @@ import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#89DDFF;">};</span></span>
<span class="line"></span></code></pre></div><p>\u8BBE\u7F6E js \u4E2D\u53EF\u4EE5\u8BBF\u95EE <code>$cdn</code>,<code>.vue</code> \u6587\u4EF6\u4E2D\u4F7F\u7528<code>this.$cdn</code>\u8BBF\u95EE</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// \u5F15\u5165\u5168\u5C40\u6837\u5F0F</span></span>
<span class="line"></span></code></pre></div><p>\u8BBE\u7F6E js \u4E2D\u53EF\u4EE5\u8BBF\u95EE <code>$cdn</code>,<code>.vue</code> \u6587\u4EF6\u4E2D\u4F7F\u7528<code>this.$cdn</code>\u8BBF\u95EE</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// \u5F15\u5165\u5168\u5C40\u6837\u5F0F</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">@/assets/css/index.scss</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#676E95;">// \u8BBE\u7F6E js\u4E2D\u53EF\u4EE5\u8BBF\u95EE $cdn</span></span>
<span class="line"><span style="color:#676E95;">// \u5F15\u5165cdn</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">$cdn</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">@/config</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#FFCB6B;">Vue</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">prototype</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">$cdn </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> $cdn</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><p>\u5728 css \u548C js \u4F7F\u7528</p><div class="language-html"><button class="copy"></button><span class="lang">html</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><p>\u5728 css \u548C js \u4F7F\u7528</p><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;"> console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">this.</span><span style="color:#A6ACCD;">$cdn)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">lang</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">scss</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">scoped</span><span style="color:#89DDFF;">&gt;</span></span>
@ -57,4 +57,4 @@ import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#B2CCD6;">background</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">url</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">$cdn</span><span style="color:#A6ACCD;"> </span><span style="color:#A6ACCD;">+</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">/weapp/logo.png</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> center / contain no-repeat</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div>`,20),e=[o];function c(t,r,D,y,F,C){return n(),a("div",null,e)}const d=s(l,[["render",c]]);export{i as __pageData,d as default};
<span class="line"></span></code></pre></div>`,20),e=[o];function c(t,r,D,y,F,C){return a(),n("div",null,e)}const d=s(p,[["render",c]]);export{A as __pageData,d as default};

1
assets/guide_vue2_sass.md.3f36c0a3.lean.js Normal file
View File

@ -0,0 +1 @@
import{_ as s,o as a,c as n,d as l}from"./app.9df4ae05.js";const A=JSON.parse('{"title":"Sass \u5168\u5C40\u6837\u5F0F","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/sass.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/sass.md"},o=l("",20),e=[o];function c(t,r,D,y,F,C){return a(),n("div",null,e)}const d=s(p,[["render",c]]);export{A as __pageData,d as default};

1
assets/guide_vue2_sass.md.abc0ed1b.lean.js
View File

@ -1 +0,0 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"Sass \u5168\u5C40\u6837\u5F0F","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/sass.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/sass.md"},o=p("",20),e=[o];function c(t,r,D,y,F,C){return n(),a("div",null,e)}const d=s(l,[["render",c]]);export{i as __pageData,d as default};

4
assets/guide_vue2_start.md.75649993.js → assets/guide_vue2_start.md.57b54112.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as a,c as n,d as e}from"./app.b03f2eea.js";const A=JSON.parse('{"title":"\u542F\u52A8\u9879\u76EE","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/start.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/start.md"},p=e(`<h1 id="\u542F\u52A8\u9879\u76EE" tabindex="-1">\u542F\u52A8\u9879\u76EE <a class="header-anchor" href="#\u542F\u52A8\u9879\u76EE" aria-hidden="true">#</a></h1><div class="language-js"><button class="copy"></button><span class="lang">js</span><pre><code><span class="line"></span>
import{_ as s,o as a,c as n,d as e}from"./app.9df4ae05.js";const C=JSON.parse('{"title":"\u542F\u52A8\u9879\u76EE","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/start.md","lastUpdated":1669356998000}'),l={name:"guide/vue2/start.md"},p=e(`<h1 id="\u542F\u52A8\u9879\u76EE" tabindex="-1">\u542F\u52A8\u9879\u76EE <a class="header-anchor" href="#\u542F\u52A8\u9879\u76EE" aria-hidden="true">#</a></h1><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki"><code><span class="line"></span>
<span class="line"><span style="color:#676E95;">// \u62C9\u53D6\u9879\u76EE</span></span>
<span class="line"><span style="color:#A6ACCD;">git clone </span><span style="color:#FFCB6B;">https</span><span style="color:#89DDFF;">:</span><span style="color:#676E95;">//github.com/sunniejs/vue-h5-template</span></span>
<span class="line"></span>
@ -11,4 +11,4 @@ import{_ as s,o as a,c as n,d as e}from"./app.b03f2eea.js";const A=JSON.parse('{
<span class="line"><span style="color:#676E95;">// \u542F\u52A8\u9879\u76EE</span></span>
<span class="line"><span style="color:#A6ACCD;">yarn serve</span></span>
<span class="line"></span>
<span class="line"></span></code></pre></div>`,2),t=[p];function o(c,r,i,_,d,y){return a(),n("div",null,t)}const C=s(l,[["render",o]]);export{A as __pageData,C as default};
<span class="line"></span></code></pre></div>`,2),t=[p];function o(c,r,i,d,y,_){return a(),n("div",null,t)}const A=s(l,[["render",o]]);export{C as __pageData,A as default};

1
assets/guide_vue2_start.md.57b54112.lean.js Normal file
View File

@ -0,0 +1 @@
import{_ as s,o as a,c as n,d as e}from"./app.9df4ae05.js";const C=JSON.parse('{"title":"\u542F\u52A8\u9879\u76EE","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/start.md","lastUpdated":1669356998000}'),l={name:"guide/vue2/start.md"},p=e("",2),t=[p];function o(c,r,i,d,y,_){return a(),n("div",null,t)}const A=s(l,[["render",o]]);export{C as __pageData,A as default};

1
assets/guide_vue2_start.md.75649993.lean.js
View File

@ -1 +0,0 @@
import{_ as s,o as a,c as n,d as e}from"./app.b03f2eea.js";const A=JSON.parse('{"title":"\u542F\u52A8\u9879\u76EE","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/start.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/start.md"},p=e("",2),t=[p];function o(c,r,i,_,d,y){return a(),n("div",null,t)}const C=s(l,[["render",o]]);export{A as __pageData,C as default};

8
assets/guide_vue2_vant.md.b1b02cf7.js → assets/guide_vue2_vant.md.4e4f476e.js
View File

@ -1,5 +1,5 @@
import{_ as s,o as a,c as n,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"VantUI \u7EC4\u4EF6\u6309\u9700\u52A0\u8F7D","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B89\u88C5\u63D2\u4EF6","slug":"\u5B89\u88C5\u63D2\u4EF6","link":"#\u5B89\u88C5\u63D2\u4EF6","children":[]},{"level":2,"title":"\u4F7F\u7528\u7EC4\u4EF6","slug":"\u4F7F\u7528\u7EC4\u4EF6","link":"#\u4F7F\u7528\u7EC4\u4EF6","children":[]}],"relativePath":"guide/vue2/vant.md","lastUpdated":1665744343000}'),p={name:"guide/vue2/vant.md"},o=l(`<h1 id="vantui-\u7EC4\u4EF6\u6309\u9700\u52A0\u8F7D" tabindex="-1">VantUI \u7EC4\u4EF6\u6309\u9700\u52A0\u8F7D <a class="header-anchor" href="#vantui-\u7EC4\u4EF6\u6309\u9700\u52A0\u8F7D" aria-hidden="true">#</a></h1><p>\u9879\u76EE\u91C7 \u7528<a href="https://youzan.github.io/vant/#/zh-CN/quickstart#fang-shi-yi.-zi-dong-an-xu-yin-ru-zu-jian-tui-jian" target="_blank" rel="noreferrer">Vant \u81EA\u52A8\u6309\u9700\u5F15\u5165\u7EC4\u4EF6 (\u63A8\u8350)</a>\u4E0B \u9762\u5B89\u88C5\u63D2\u4EF6\u4ECB\u7ECD\uFF1A</p><p><a href="https://github.com/ant-design/babel-plugin-import" target="_blank" rel="noreferrer">babel-plugin-import</a> \u662F\u4E00\u6B3E <code>babel</code> \u63D2\u4EF6\uFF0C\u5B83\u4F1A\u5728\u7F16\u8BD1\u8FC7\u7A0B\u4E2D\u5C06 <code>import</code> \u7684\u5199\u6CD5\u81EA\u52A8\u8F6C\u6362\u4E3A\u6309\u9700\u5F15\u5165\u7684\u65B9\u5F0F</p><h2 id="\u5B89\u88C5\u63D2\u4EF6" tabindex="-1">\u5B89\u88C5\u63D2\u4EF6 <a class="header-anchor" href="#\u5B89\u88C5\u63D2\u4EF6" aria-hidden="true">#</a></h2><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#A6ACCD;">npm i babel-plugin-import -D</span></span>
<span class="line"></span></code></pre></div><p>\u5728<code>babel.config.js</code> \u8BBE\u7F6E</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// \u5BF9\u4E8E\u4F7F\u7528 babel7 \u7684\u7528\u6237\uFF0C\u53EF\u4EE5\u5728 babel.config.js \u4E2D\u914D\u7F6E</span></span>
import{_ as s,o as a,c as n,d as l}from"./app.9df4ae05.js";const A=JSON.parse('{"title":"VantUI \u7EC4\u4EF6\u6309\u9700\u52A0\u8F7D","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B89\u88C5\u63D2\u4EF6","slug":"\u5B89\u88C5\u63D2\u4EF6","link":"#\u5B89\u88C5\u63D2\u4EF6","children":[]},{"level":2,"title":"\u4F7F\u7528\u7EC4\u4EF6","slug":"\u4F7F\u7528\u7EC4\u4EF6","link":"#\u4F7F\u7528\u7EC4\u4EF6","children":[]}],"relativePath":"guide/vue2/vant.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/vant.md"},o=l(`<h1 id="vantui-\u7EC4\u4EF6\u6309\u9700\u52A0\u8F7D" tabindex="-1">VantUI \u7EC4\u4EF6\u6309\u9700\u52A0\u8F7D <a class="header-anchor" href="#vantui-\u7EC4\u4EF6\u6309\u9700\u52A0\u8F7D" aria-hidden="true">#</a></h1><p>\u9879\u76EE\u91C7 \u7528<a href="https://youzan.github.io/vant/#/zh-CN/quickstart#fang-shi-yi.-zi-dong-an-xu-yin-ru-zu-jian-tui-jian" target="_blank" rel="noreferrer">Vant \u81EA\u52A8\u6309\u9700\u5F15\u5165\u7EC4\u4EF6 (\u63A8\u8350)</a>\u4E0B \u9762\u5B89\u88C5\u63D2\u4EF6\u4ECB\u7ECD\uFF1A</p><p><a href="https://github.com/ant-design/babel-plugin-import" target="_blank" rel="noreferrer">babel-plugin-import</a> \u662F\u4E00\u6B3E <code>babel</code> \u63D2\u4EF6\uFF0C\u5B83\u4F1A\u5728\u7F16\u8BD1\u8FC7\u7A0B\u4E2D\u5C06 <code>import</code> \u7684\u5199\u6CD5\u81EA\u52A8\u8F6C\u6362\u4E3A\u6309\u9700\u5F15\u5165\u7684\u65B9\u5F0F</p><h2 id="\u5B89\u88C5\u63D2\u4EF6" tabindex="-1">\u5B89\u88C5\u63D2\u4EF6 <a class="header-anchor" href="#\u5B89\u88C5\u63D2\u4EF6" aria-hidden="true">#</a></h2><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;">npm i babel-plugin-import -D</span></span>
<span class="line"></span></code></pre></div><p>\u5728<code>babel.config.js</code> \u8BBE\u7F6E</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// \u5BF9\u4E8E\u4F7F\u7528 babel7 \u7684\u7528\u6237\uFF0C\u53EF\u4EE5\u5728 babel.config.js \u4E2D\u914D\u7F6E</span></span>
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> plugins </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> [</span></span>
<span class="line"><span style="color:#A6ACCD;"> [</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">import</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
@ -17,11 +17,11 @@ import{_ as s,o as a,c as n,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;"> ]</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> plugins</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#89DDFF;">};</span></span>
<span class="line"></span></code></pre></div><h2 id="\u4F7F\u7528\u7EC4\u4EF6" tabindex="-1">\u4F7F\u7528\u7EC4\u4EF6 <a class="header-anchor" href="#\u4F7F\u7528\u7EC4\u4EF6" aria-hidden="true">#</a></h2><p>\u9879\u76EE\u5728 <code>src/plugins/vant.js</code> \u4E0B\u7EDF\u4E00\u7BA1\u7406\u7EC4\u4EF6\uFF0C\u7528\u54EA\u4E2A\u5F15\u5165\u54EA\u4E2A\uFF0C\u65E0\u9700\u5728\u9875\u9762\u91CC\u91CD\u590D\u5F15\u7528</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// \u6309\u9700\u5168\u5C40\u5F15\u5165 vant\u7EC4\u4EF6</span></span>
<span class="line"></span></code></pre></div><h2 id="\u4F7F\u7528\u7EC4\u4EF6" tabindex="-1">\u4F7F\u7528\u7EC4\u4EF6 <a class="header-anchor" href="#\u4F7F\u7528\u7EC4\u4EF6" aria-hidden="true">#</a></h2><p>\u9879\u76EE\u5728 <code>src/plugins/vant.js</code> \u4E0B\u7EDF\u4E00\u7BA1\u7406\u7EC4\u4EF6\uFF0C\u7528\u54EA\u4E2A\u5F15\u5165\u54EA\u4E2A\uFF0C\u65E0\u9700\u5728\u9875\u9762\u91CC\u91CD\u590D\u5F15\u7528</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// \u6309\u9700\u5168\u5C40\u5F15\u5165 vant\u7EC4\u4EF6</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> Vue </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">Button</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">List</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">Cell</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">Tabbar</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">TabbarItem</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vant</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;">Vue</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">use</span><span style="color:#A6ACCD;">(Button)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;">Vue</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">use</span><span style="color:#A6ACCD;">(Cell)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;">Vue</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">use</span><span style="color:#A6ACCD;">(List)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;">Vue</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">use</span><span style="color:#A6ACCD;">(Tabbar)</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">use</span><span style="color:#A6ACCD;">(TabbarItem)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div>`,10),e=[o];function t(c,r,D,y,F,C){return a(),n("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};
<span class="line"></span></code></pre></div>`,10),e=[o];function t(c,r,D,y,F,C){return a(),n("div",null,e)}const u=s(p,[["render",t]]);export{A as __pageData,u as default};

2
assets/guide_vue2_vant.md.b1b02cf7.lean.js → assets/guide_vue2_vant.md.4e4f476e.lean.js
View File

@ -1 +1 @@
import{_ as s,o as a,c as n,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"VantUI \u7EC4\u4EF6\u6309\u9700\u52A0\u8F7D","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B89\u88C5\u63D2\u4EF6","slug":"\u5B89\u88C5\u63D2\u4EF6","link":"#\u5B89\u88C5\u63D2\u4EF6","children":[]},{"level":2,"title":"\u4F7F\u7528\u7EC4\u4EF6","slug":"\u4F7F\u7528\u7EC4\u4EF6","link":"#\u4F7F\u7528\u7EC4\u4EF6","children":[]}],"relativePath":"guide/vue2/vant.md","lastUpdated":1665744343000}'),p={name:"guide/vue2/vant.md"},o=l("",10),e=[o];function t(c,r,D,y,F,C){return a(),n("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};
import{_ as s,o as a,c as n,d as l}from"./app.9df4ae05.js";const A=JSON.parse('{"title":"VantUI \u7EC4\u4EF6\u6309\u9700\u52A0\u8F7D","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B89\u88C5\u63D2\u4EF6","slug":"\u5B89\u88C5\u63D2\u4EF6","link":"#\u5B89\u88C5\u63D2\u4EF6","children":[]},{"level":2,"title":"\u4F7F\u7528\u7EC4\u4EF6","slug":"\u4F7F\u7528\u7EC4\u4EF6","link":"#\u4F7F\u7528\u7EC4\u4EF6","children":[]}],"relativePath":"guide/vue2/vant.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/vant.md"},o=l("",10),e=[o];function t(c,r,D,y,F,C){return a(),n("div",null,e)}const u=s(p,[["render",t]]);export{A as __pageData,u as default};

8
assets/guide_vue2_vuex.md.b8eeb69f.js → assets/guide_vue2_vuex.md.acfc8bc8.js
View File

@ -1,9 +1,9 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"Vuex \u72B6\u6001\u7BA1\u7406","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/vuex.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/vuex.md"},o=p(`<h1 id="vuex-\u72B6\u6001\u7BA1\u7406" tabindex="-1">Vuex \u72B6\u6001\u7BA1\u7406 <a class="header-anchor" href="#vuex-\u72B6\u6001\u7BA1\u7406" aria-hidden="true">#</a></h1><p>\u76EE\u5F55\u7ED3\u6784</p><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#A6ACCD;">\u251C\u2500\u2500 store</span></span>
import{_ as s,o as a,c as n,d as p}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"Vuex \u72B6\u6001\u7BA1\u7406","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/vuex.md","lastUpdated":1669356998000}'),l={name:"guide/vue2/vuex.md"},o=p(`<h1 id="vuex-\u72B6\u6001\u7BA1\u7406" tabindex="-1">Vuex \u72B6\u6001\u7BA1\u7406 <a class="header-anchor" href="#vuex-\u72B6\u6001\u7BA1\u7406" aria-hidden="true">#</a></h1><p>\u76EE\u5F55\u7ED3\u6784</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;">\u251C\u2500\u2500 store</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u251C\u2500\u2500 modules</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u2502 \u2514\u2500\u2500 app.js</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u251C\u2500\u2500 index.js</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u251C\u2500\u2500 getters.js</span></span>
<span class="line"></span></code></pre></div><p><code>main.js</code> \u5F15\u5165</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> Vue </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><p><code>main.js</code> \u5F15\u5165</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> Vue </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> App </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">./App.vue</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> store </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">./store</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Vue</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
@ -12,7 +12,7 @@ import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;"> store</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">render</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">h</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">h</span><span style="color:#A6ACCD;">(App)</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><p>\u4F7F\u7528</p><div class="language-html"><button class="copy"></button><span class="lang">html</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><p>\u4F7F\u7528</p><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">mapGetters</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vuex</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">default</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">computed</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
@ -30,4 +30,4 @@ import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">};</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div>`,7),e=[o];function t(c,r,D,F,y,A){return n(),a("div",null,e)}const u=s(l,[["render",t]]);export{i as __pageData,u as default};
<span class="line"></span></code></pre></div>`,7),e=[o];function t(c,r,D,F,y,A){return a(),n("div",null,e)}const u=s(l,[["render",t]]);export{i as __pageData,u as default};

2
assets/guide_vue2_vuex.md.b8eeb69f.lean.js → assets/guide_vue2_vuex.md.acfc8bc8.lean.js
View File

@ -1 +1 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"Vuex \u72B6\u6001\u7BA1\u7406","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/vuex.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/vuex.md"},o=p("",7),e=[o];function t(c,r,D,F,y,A){return n(),a("div",null,e)}const u=s(l,[["render",t]]);export{i as __pageData,u as default};
import{_ as s,o as a,c as n,d as p}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"Vuex \u72B6\u6001\u7BA1\u7406","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/vuex.md","lastUpdated":1669356998000}'),l={name:"guide/vue2/vuex.md"},o=p("",7),e=[o];function t(c,r,D,F,y,A){return a(),n("div",null,e)}const u=s(l,[["render",t]]);export{i as __pageData,u as default};

10
assets/guide_vue2_vw.md.9c414b32.js → assets/guide_vue2_vw.md.635205ab.js
View File

@ -1,7 +1,7 @@
import{_ as s,o as a,c as n,d as p}from"./app.b03f2eea.js";const A=JSON.parse('{"title":"vm \u9002\u914D\u65B9\u6848","description":"","frontmatter":{},"headers":[{"level":2,"title":"1.\u5B89\u88C5\u4F9D\u8D56","slug":"_1-\u5B89\u88C5\u4F9D\u8D56","link":"#_1-\u5B89\u88C5\u4F9D\u8D56","children":[]},{"level":2,"title":"2.\u4FEE\u6539 .postcssrc.js","slug":"_2-\u4FEE\u6539-postcssrc-js","link":"#_2-\u4FEE\u6539-postcssrc-js","children":[]},{"level":2,"title":"3.\u5220\u9664\u539F\u6765\u7684 rem \u76F8\u5173\u4EE3\u7801","slug":"_3-\u5220\u9664\u539F\u6765\u7684-rem-\u76F8\u5173\u4EE3\u7801","link":"#_3-\u5220\u9664\u539F\u6765\u7684-rem-\u76F8\u5173\u4EE3\u7801","children":[]}],"relativePath":"guide/vue2/vw.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/vw.md"},o=p(`<h1 id="vm-\u9002\u914D\u65B9\u6848" tabindex="-1">vm \u9002\u914D\u65B9\u6848 <a class="header-anchor" href="#vm-\u9002\u914D\u65B9\u6848" aria-hidden="true">#</a></h1><p>\u672C\u9879\u76EE\u4F7F\u7528\u7684\u662F <code>rem</code> \u7684 \u9002\u914D\u65B9\u6848\uFF0C\u5176\u5B9E\u65E0\u8BBA\u4F60\u4F7F\u7528\u54EA\u79CD\u65B9\u6848\uFF0C\u90FD\u4E0D\u9700\u8981\u4F60\u53BB\u8BA1\u7B97 12px \u662F\u591A\u5C11 <code>rem</code> \u6216\u8005 <code>vw</code>, \u4F1A\u6709\u4E13\u95E8\u7684\u5DE5\u5177\u53BB\u5E2E\u4F60\u505A \u3002\u5982\u679C\u4F60\u60F3\u7528 <code>vw</code>,\u4F60\u53EF\u4EE5\u6309\u7167\u4E0B\u9762\u7684\u65B9\u5F0F\u5207\u6362\u3002</p><h2 id="_1-\u5B89\u88C5\u4F9D\u8D56" tabindex="-1">1.\u5B89\u88C5\u4F9D\u8D56 <a class="header-anchor" href="#_1-\u5B89\u88C5\u4F9D\u8D56" aria-hidden="true">#</a></h2><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"></span>
import{_ as s,o as a,c as n,d as l}from"./app.9df4ae05.js";const A=JSON.parse('{"title":"vm \u9002\u914D\u65B9\u6848","description":"","frontmatter":{},"headers":[{"level":2,"title":"1.\u5B89\u88C5\u4F9D\u8D56","slug":"_1-\u5B89\u88C5\u4F9D\u8D56","link":"#_1-\u5B89\u88C5\u4F9D\u8D56","children":[]},{"level":2,"title":"2.\u4FEE\u6539 .postcssrc.js","slug":"_2-\u4FEE\u6539-postcssrc-js","link":"#_2-\u4FEE\u6539-postcssrc-js","children":[]},{"level":2,"title":"3.\u5220\u9664\u539F\u6765\u7684 rem \u76F8\u5173\u4EE3\u7801","slug":"_3-\u5220\u9664\u539F\u6765\u7684-rem-\u76F8\u5173\u4EE3\u7801","link":"#_3-\u5220\u9664\u539F\u6765\u7684-rem-\u76F8\u5173\u4EE3\u7801","children":[]}],"relativePath":"guide/vue2/vw.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/vw.md"},o=l(`<h1 id="vm-\u9002\u914D\u65B9\u6848" tabindex="-1">vm \u9002\u914D\u65B9\u6848 <a class="header-anchor" href="#vm-\u9002\u914D\u65B9\u6848" aria-hidden="true">#</a></h1><p>\u672C\u9879\u76EE\u4F7F\u7528\u7684\u662F <code>rem</code> \u7684 \u9002\u914D\u65B9\u6848\uFF0C\u5176\u5B9E\u65E0\u8BBA\u4F60\u4F7F\u7528\u54EA\u79CD\u65B9\u6848\uFF0C\u90FD\u4E0D\u9700\u8981\u4F60\u53BB\u8BA1\u7B97 12px \u662F\u591A\u5C11 <code>rem</code> \u6216\u8005 <code>vw</code>, \u4F1A\u6709\u4E13\u95E8\u7684\u5DE5\u5177\u53BB\u5E2E\u4F60\u505A \u3002\u5982\u679C\u4F60\u60F3\u7528 <code>vw</code>,\u4F60\u53EF\u4EE5\u6309\u7167\u4E0B\u9762\u7684\u65B9\u5F0F\u5207\u6362\u3002</p><h2 id="_1-\u5B89\u88C5\u4F9D\u8D56" tabindex="-1">1.\u5B89\u88C5\u4F9D\u8D56 <a class="header-anchor" href="#_1-\u5B89\u88C5\u4F9D\u8D56" aria-hidden="true">#</a></h2><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"></span>
<span class="line"><span style="color:#A6ACCD;">npm install postcss-px-to-viewport -D</span></span>
<span class="line"></span>
<span class="line"></span></code></pre></div><h2 id="_2-\u4FEE\u6539-postcssrc-js" tabindex="-1">2.\u4FEE\u6539 .postcssrc.js <a class="header-anchor" href="#_2-\u4FEE\u6539-postcssrc-js" aria-hidden="true">#</a></h2><p>\u5C06\u6839\u76EE\u5F55\u4E0B .postcssrc.js \u6587\u4EF6\u4FEE\u6539\u5982\u4E0B</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// https://github.com/michael-ciniawsky/postcss-load-config</span></span>
<span class="line"></span></code></pre></div><h2 id="_2-\u4FEE\u6539-postcssrc-js" tabindex="-1">2.\u4FEE\u6539 .postcssrc.js <a class="header-anchor" href="#_2-\u4FEE\u6539-postcssrc-js" aria-hidden="true">#</a></h2><p>\u5C06\u6839\u76EE\u5F55\u4E0B .postcssrc.js \u6587\u4EF6\u4FEE\u6539\u5982\u4E0B</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// https://github.com/michael-ciniawsky/postcss-load-config</span></span>
<span class="line"><span style="color:#89DDFF;">module.exports</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">plugins</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">autoprefixer</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
@ -23,8 +23,8 @@ import{_ as s,o as a,c as n,d as p}from"./app.b03f2eea.js";const A=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#89DDFF;">};</span></span>
<span class="line"></span></code></pre></div><h2 id="_3-\u5220\u9664\u539F\u6765\u7684-rem-\u76F8\u5173\u4EE3\u7801" tabindex="-1">3.\u5220\u9664\u539F\u6765\u7684 rem \u76F8\u5173\u4EE3\u7801 <a class="header-anchor" href="#_3-\u5220\u9664\u539F\u6765\u7684-rem-\u76F8\u5173\u4EE3\u7801" aria-hidden="true">#</a></h2><p>src/main.js \u5220\u9664\u5982\u4E0B\u4EE3\u7801</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// \u79FB\u52A8\u7AEF\u9002\u914D</span></span>
<span class="line"></span></code></pre></div><h2 id="_3-\u5220\u9664\u539F\u6765\u7684-rem-\u76F8\u5173\u4EE3\u7801" tabindex="-1">3.\u5220\u9664\u539F\u6765\u7684 rem \u76F8\u5173\u4EE3\u7801 <a class="header-anchor" href="#_3-\u5220\u9664\u539F\u6765\u7684-rem-\u76F8\u5173\u4EE3\u7801" aria-hidden="true">#</a></h2><p>src/main.js \u5220\u9664\u5982\u4E0B\u4EE3\u7801</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// \u79FB\u52A8\u7AEF\u9002\u914D</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">lib-flexible/flexible.js</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><p>package.json \u5220\u9664\u5982\u4E0B\u4EE3\u7801</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">lib-flexible</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">^0.3.2</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"></span></code></pre></div><p>package.json \u5220\u9664\u5982\u4E0B\u4EE3\u7801</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">lib-flexible</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">^0.3.2</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">postcss-pxtorem</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">^5.1.1</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"></span></code></pre></div><p>\u8FD0\u884C\u8D77\u6765\uFF0CF12 \u5143\u7D20 css style \u5C31\u662F vw \u5355\u4F4D\u4E86</p>`,13),e=[o];function t(c,r,D,y,F,i){return a(),n("div",null,e)}const d=s(l,[["render",t]]);export{A as __pageData,d as default};
<span class="line"></span></code></pre></div><p>\u8FD0\u884C\u8D77\u6765\uFF0CF12 \u5143\u7D20 css style \u5C31\u662F vw \u5355\u4F4D\u4E86</p>`,13),e=[o];function t(c,r,D,y,F,i){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{A as __pageData,d as default};

2
assets/guide_vue2_vw.md.9c414b32.lean.js → assets/guide_vue2_vw.md.635205ab.lean.js
View File

@ -1 +1 @@
import{_ as s,o as a,c as n,d as p}from"./app.b03f2eea.js";const A=JSON.parse('{"title":"vm \u9002\u914D\u65B9\u6848","description":"","frontmatter":{},"headers":[{"level":2,"title":"1.\u5B89\u88C5\u4F9D\u8D56","slug":"_1-\u5B89\u88C5\u4F9D\u8D56","link":"#_1-\u5B89\u88C5\u4F9D\u8D56","children":[]},{"level":2,"title":"2.\u4FEE\u6539 .postcssrc.js","slug":"_2-\u4FEE\u6539-postcssrc-js","link":"#_2-\u4FEE\u6539-postcssrc-js","children":[]},{"level":2,"title":"3.\u5220\u9664\u539F\u6765\u7684 rem \u76F8\u5173\u4EE3\u7801","slug":"_3-\u5220\u9664\u539F\u6765\u7684-rem-\u76F8\u5173\u4EE3\u7801","link":"#_3-\u5220\u9664\u539F\u6765\u7684-rem-\u76F8\u5173\u4EE3\u7801","children":[]}],"relativePath":"guide/vue2/vw.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/vw.md"},o=p("",13),e=[o];function t(c,r,D,y,F,i){return a(),n("div",null,e)}const d=s(l,[["render",t]]);export{A as __pageData,d as default};
import{_ as s,o as a,c as n,d as l}from"./app.9df4ae05.js";const A=JSON.parse('{"title":"vm \u9002\u914D\u65B9\u6848","description":"","frontmatter":{},"headers":[{"level":2,"title":"1.\u5B89\u88C5\u4F9D\u8D56","slug":"_1-\u5B89\u88C5\u4F9D\u8D56","link":"#_1-\u5B89\u88C5\u4F9D\u8D56","children":[]},{"level":2,"title":"2.\u4FEE\u6539 .postcssrc.js","slug":"_2-\u4FEE\u6539-postcssrc-js","link":"#_2-\u4FEE\u6539-postcssrc-js","children":[]},{"level":2,"title":"3.\u5220\u9664\u539F\u6765\u7684 rem \u76F8\u5173\u4EE3\u7801","slug":"_3-\u5220\u9664\u539F\u6765\u7684-rem-\u76F8\u5173\u4EE3\u7801","link":"#_3-\u5220\u9664\u539F\u6765\u7684-rem-\u76F8\u5173\u4EE3\u7801","children":[]}],"relativePath":"guide/vue2/vw.md","lastUpdated":1669356998000}'),p={name:"guide/vue2/vw.md"},o=l("",13),e=[o];function t(c,r,D,y,F,i){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{A as __pageData,d as default};

2
assets/guide_vue3_alias.md.e67e7962.js → assets/guide_vue3_alias.md.58f70517.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as a,c as n,d as l}from"./app.b03f2eea.js";const _=JSON.parse('{"title":"alias","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/alias.md","lastUpdated":1665744343000}'),p={name:"guide/vue3/alias.md"},o=l(`<h1 id="alias" tabindex="-1">alias <a class="header-anchor" href="#alias" aria-hidden="true">#</a></h1><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#FFCB6B;">resolve</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
import{_ as s,o as a,c as n,d as l}from"./app.9df4ae05.js";const _=JSON.parse('{"title":"alias","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/alias.md","lastUpdated":1669356998000}'),p={name:"guide/vue3/alias.md"},o=l(`<h1 id="alias" tabindex="-1">alias <a class="header-anchor" href="#alias" aria-hidden="true">#</a></h1><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#FFCB6B;">resolve</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#FFCB6B;">alias</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> [</span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> find</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">vue-i18n</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#F07178;"> replacement</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">vue-i18n/dist/vue-i18n.cjs.js</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>

2
assets/guide_vue3_alias.md.e67e7962.lean.js → assets/guide_vue3_alias.md.58f70517.lean.js
View File

@ -1 +1 @@
import{_ as s,o as a,c as n,d as l}from"./app.b03f2eea.js";const _=JSON.parse('{"title":"alias","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/alias.md","lastUpdated":1665744343000}'),p={name:"guide/vue3/alias.md"},o=l("",2),e=[o];function c(t,r,F,D,y,i){return a(),n("div",null,e)}const C=s(p,[["render",c]]);export{_ as __pageData,C as default};
import{_ as s,o as a,c as n,d as l}from"./app.9df4ae05.js";const _=JSON.parse('{"title":"alias","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/alias.md","lastUpdated":1669356998000}'),p={name:"guide/vue3/alias.md"},o=l("",2),e=[o];function c(t,r,F,D,y,i){return a(),n("div",null,e)}const C=s(p,[["render",c]]);export{_ as __pageData,C as default};

4
assets/guide_vue3_axios.md.db8b3234.js → assets/guide_vue3_axios.md.07662042.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"axios \u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/axios.md","lastUpdated":1665744343000}'),p={name:"guide/vue3/axios.md"},o=l(`<h1 id="axios-\u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406" tabindex="-1">axios \u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406 <a class="header-anchor" href="#axios-\u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406" aria-hidden="true">#</a></h1><p><code>utils/request.js</code> \u5C01\u88C5 axios , \u5F00\u53D1\u8005\u9700\u8981\u6839\u636E\u540E\u53F0\u63A5\u53E3\u505A\u4FEE\u6539\u3002</p><ul><li><code>service.interceptors.request.use</code> \u91CC\u53EF\u4EE5\u8BBE\u7F6E\u8BF7\u6C42\u5934\uFF0C\u6BD4\u5982\u8BBE\u7F6E <code>token</code></li><li><code>config.hideloading</code> \u662F\u5728 api \u6587\u4EF6\u5939\u4E0B\u7684\u63A5\u53E3\u53C2\u6570\u91CC\u8BBE\u7F6E\uFF0C\u4E0B\u6587\u4F1A\u8BB2</li><li><code>service.interceptors.response.use</code> \u91CC\u53EF\u4EE5\u5BF9\u63A5\u53E3\u8FD4\u56DE\u6570\u636E\u5904\u7406\uFF0C\u6BD4\u5982 401 \u5220\u9664\u672C\u5730\u4FE1\u606F\uFF0C\u91CD\u65B0\u767B\u5F55</li></ul><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> axios </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">axios</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"axios \u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/axios.md","lastUpdated":1669356998000}'),p={name:"guide/vue3/axios.md"},o=l(`<h1 id="axios-\u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406" tabindex="-1">axios \u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406 <a class="header-anchor" href="#axios-\u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406" aria-hidden="true">#</a></h1><p><code>utils/request.js</code> \u5C01\u88C5 axios , \u5F00\u53D1\u8005\u9700\u8981\u6839\u636E\u540E\u53F0\u63A5\u53E3\u505A\u4FEE\u6539\u3002</p><ul><li><code>service.interceptors.request.use</code> \u91CC\u53EF\u4EE5\u8BBE\u7F6E\u8BF7\u6C42\u5934\uFF0C\u6BD4\u5982\u8BBE\u7F6E <code>token</code></li><li><code>config.hideloading</code> \u662F\u5728 api \u6587\u4EF6\u5939\u4E0B\u7684\u63A5\u53E3\u53C2\u6570\u91CC\u8BBE\u7F6E\uFF0C\u4E0B\u6587\u4F1A\u8BB2</li><li><code>service.interceptors.response.use</code> \u91CC\u53EF\u4EE5\u5BF9\u63A5\u53E3\u8FD4\u56DE\u6570\u636E\u5904\u7406\uFF0C\u6BD4\u5982 401 \u5220\u9664\u672C\u5730\u4FE1\u606F\uFF0C\u91CD\u65B0\u767B\u5F55</li></ul><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> axios </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">axios</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> store </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">@/store</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">Toast</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vant</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#676E95;">// \u6839\u636E\u73AF\u5883\u4E0D\u540C\u5F15\u5165\u4E0D\u540Capi\u5730\u5740</span></span>
@ -55,4 +55,4 @@ import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span></span>
<span class="line"><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">default</span><span style="color:#A6ACCD;"> service</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div>`,4),e=[o];function r(t,c,F,D,y,A){return n(),a("div",null,e)}const u=s(p,[["render",r]]);export{i as __pageData,u as default};
<span class="line"></span></code></pre></div>`,4),e=[o];function t(r,c,F,D,y,A){return n(),a("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};

1
assets/guide_vue3_axios.md.07662042.lean.js Normal file
View File

@ -0,0 +1 @@
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"axios \u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/axios.md","lastUpdated":1669356998000}'),p={name:"guide/vue3/axios.md"},o=l("",4),e=[o];function t(r,c,F,D,y,A){return n(),a("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};

1
assets/guide_vue3_axios.md.db8b3234.lean.js
View File

@ -1 +0,0 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"axios \u5C01\u88C5\u53CA\u63A5\u53E3\u7BA1\u7406","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/axios.md","lastUpdated":1665744343000}'),p={name:"guide/vue3/axios.md"},o=l("",4),e=[o];function r(t,c,F,D,y,A){return n(),a("div",null,e)}const u=s(p,[["render",r]]);export{i as __pageData,u as default};

8
assets/guide_vue3_base.md.ad05a164.js → assets/guide_vue3_base.md.46f77f06.js
View File

@ -1,6 +1,6 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const d=JSON.parse('{"title":"vite.config.ts \u57FA\u7840\u914D\u7F6E","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/base.md","lastUpdated":1665744343000}'),l={name:"guide/vue3/base.md"},o=p(`<h1 id="vite-config-ts-\u57FA\u7840\u914D\u7F6E" tabindex="-1">vite.config.ts \u57FA\u7840\u914D\u7F6E <a class="header-anchor" href="#vite-config-ts-\u57FA\u7840\u914D\u7F6E" aria-hidden="true">#</a></h1><p>\u5982\u679C\u4F60\u7684 <code>Vue Router</code> \u6A21\u5F0F\u662F hash</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#FFCB6B;">publicPath</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">./</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"></span></code></pre></div><p>\u5982\u679C\u4F60\u7684 <code>Vue Router</code> \u6A21\u5F0F\u662F history \u8FD9\u91CC\u7684 publicPath \u548C\u4F60\u7684 <code>Vue Router</code> <code>base</code> <strong>\u4FDD\u6301\u4E00\u81F4</strong></p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#FFCB6B;">publicPath</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/app/</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"></span></code></pre></div><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">default</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">function</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">({</span><span style="color:#A6ACCD;"> </span><span style="color:#A6ACCD;">command</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ConfigEnv</span><span style="color:#89DDFF;">):</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">UserConfigExport</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
import{_ as s,o as a,c as n,d as p}from"./app.9df4ae05.js";const d=JSON.parse('{"title":"vite.config.ts \u57FA\u7840\u914D\u7F6E","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/base.md","lastUpdated":1669356998000}'),l={name:"guide/vue3/base.md"},o=p(`<h1 id="vite-config-ts-\u57FA\u7840\u914D\u7F6E" tabindex="-1">vite.config.ts \u57FA\u7840\u914D\u7F6E <a class="header-anchor" href="#vite-config-ts-\u57FA\u7840\u914D\u7F6E" aria-hidden="true">#</a></h1><p>\u5982\u679C\u4F60\u7684 <code>Vue Router</code> \u6A21\u5F0F\u662F hash</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#FFCB6B;">publicPath</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">./</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"></span></code></pre></div><p>\u5982\u679C\u4F60\u7684 <code>Vue Router</code> \u6A21\u5F0F\u662F history \u8FD9\u91CC\u7684 publicPath \u548C\u4F60\u7684 <code>Vue Router</code> <code>base</code> <strong>\u4FDD\u6301\u4E00\u81F4</strong></p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#FFCB6B;">publicPath</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/app/</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"></span></code></pre></div><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">default</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">function</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">({</span><span style="color:#A6ACCD;"> </span><span style="color:#A6ACCD;">command</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">ConfigEnv</span><span style="color:#89DDFF;">):</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">UserConfigExport</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#C792EA;">const</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">isProduction</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">=</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">command</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">===</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">build</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">return</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> server</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">{</span></span>
@ -29,4 +29,4 @@ import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const d=JSON.parse('{
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">};</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span></code></pre></div>`,6),e=[o];function c(t,r,F,y,D,i){return n(),a("div",null,e)}const C=s(l,[["render",c]]);export{d as __pageData,C as default};
<span class="line"></span></code></pre></div>`,6),e=[o];function c(t,r,F,y,D,i){return a(),n("div",null,e)}const C=s(l,[["render",c]]);export{d as __pageData,C as default};

2
assets/guide_vue3_base.md.ad05a164.lean.js → assets/guide_vue3_base.md.46f77f06.lean.js
View File

@ -1 +1 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const d=JSON.parse('{"title":"vite.config.ts \u57FA\u7840\u914D\u7F6E","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/base.md","lastUpdated":1665744343000}'),l={name:"guide/vue3/base.md"},o=p("",6),e=[o];function c(t,r,F,y,D,i){return n(),a("div",null,e)}const C=s(l,[["render",c]]);export{d as __pageData,C as default};
import{_ as s,o as a,c as n,d as p}from"./app.9df4ae05.js";const d=JSON.parse('{"title":"vite.config.ts \u57FA\u7840\u914D\u7F6E","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/base.md","lastUpdated":1669356998000}'),l={name:"guide/vue3/base.md"},o=p("",6),e=[o];function c(t,r,F,y,D,i){return a(),n("div",null,e)}const C=s(l,[["render",c]]);export{d as __pageData,C as default};

2
assets/guide_vue3_env.md.f24394e4.js → assets/guide_vue3_env.md.54f12a96.js
View File

@ -1,4 +1,4 @@
import{_ as s,o,c as e,d as a}from"./app.b03f2eea.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/env.md","lastUpdated":1665744343000}'),n={name:"guide/vue3/env.md"},p=a(`<p><code>package.json</code> \u91CC\u7684 <code>scripts</code> \u914D\u7F6E <code>dev</code> <code>dev:test</code> <code>dev:prod</code> \uFF0C\u901A\u8FC7 <code>--mode xxx</code> \u6765\u6267\u884C\u4E0D\u540C\u73AF\u5883</p><ul><li>\u901A\u8FC7 <code>yarn dev</code> \u542F\u52A8\u672C\u5730\u73AF\u5883\u53C2\u6570 , \u6267\u884C <code>development</code></li><li>\u901A\u8FC7 <code>yarn dev:test</code> \u542F\u52A8\u6D4B\u8BD5\u73AF\u5883\u53C2\u6570 , \u6267\u884C <code>test</code></li><li>\u901A\u8FC7 <code>yarn dev:prod</code> \u542F\u52A8\u6B63\u5F0F\u73AF\u5883\u53C2\u6570 , \u6267\u884C <code>prod</code></li></ul><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">scripts</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
import{_ as s,o,c as e,d as a}from"./app.9df4ae05.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/env.md","lastUpdated":1669356998000}'),n={name:"guide/vue3/env.md"},p=a(`<p><code>package.json</code> \u91CC\u7684 <code>scripts</code> \u914D\u7F6E <code>dev</code> <code>dev:test</code> <code>dev:prod</code> \uFF0C\u901A\u8FC7 <code>--mode xxx</code> \u6765\u6267\u884C\u4E0D\u540C\u73AF\u5883</p><ul><li>\u901A\u8FC7 <code>yarn dev</code> \u542F\u52A8\u672C\u5730\u73AF\u5883\u53C2\u6570 , \u6267\u884C <code>development</code></li><li>\u901A\u8FC7 <code>yarn dev:test</code> \u542F\u52A8\u6D4B\u8BD5\u73AF\u5883\u53C2\u6570 , \u6267\u884C <code>test</code></li><li>\u901A\u8FC7 <code>yarn dev:prod</code> \u542F\u52A8\u6B63\u5F0F\u73AF\u5883\u53C2\u6570 , \u6267\u884C <code>prod</code></li></ul><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">scripts</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">: </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#F07178;">dev</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vite</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#F07178;">dev:test</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vite --mode test</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#F07178;">dev:prod</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vite --mode production</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>

2
assets/guide_vue3_env.md.f24394e4.lean.js → assets/guide_vue3_env.md.54f12a96.lean.js
View File

@ -1 +1 @@
import{_ as s,o,c as e,d as a}from"./app.b03f2eea.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/env.md","lastUpdated":1665744343000}'),n={name:"guide/vue3/env.md"},p=a("",3),l=[p];function t(c,r,d,D,F,y){return o(),e("div",null,l)}const _=s(n,[["render",t]]);export{u as __pageData,_ as default};
import{_ as s,o,c as e,d as a}from"./app.9df4ae05.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/env.md","lastUpdated":1669356998000}'),n={name:"guide/vue3/env.md"},p=a("",3),l=[p];function t(c,r,d,D,F,y){return o(),e("div",null,l)}const _=s(n,[["render",t]]);export{u as __pageData,_ as default};

8
assets/guide_vue3_i18n.md.954669d1.js → assets/guide_vue3_i18n.md.41a5bcaf.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"i18n \u6587\u672C\u591A\u8BED\u8A00\u89E3\u51B3\u65B9\u6848","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F","slug":"\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F","link":"#\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F","children":[]},{"level":2,"title":"HTML\u7684\u4F7F\u7528\u65B9\u5F0F","slug":"html\u7684\u4F7F\u7528\u65B9\u5F0F","link":"#html\u7684\u4F7F\u7528\u65B9\u5F0F","children":[]}],"relativePath":"guide/vue3/i18n.md","lastUpdated":1665744343000}'),p={name:"guide/vue3/i18n.md"},o=l(`<h1 id="i18n-\u6587\u672C\u591A\u8BED\u8A00\u89E3\u51B3\u65B9\u6848" tabindex="-1">i18n \u6587\u672C\u591A\u8BED\u8A00\u89E3\u51B3\u65B9\u6848 <a class="header-anchor" href="#i18n-\u6587\u672C\u591A\u8BED\u8A00\u89E3\u51B3\u65B9\u6848" aria-hidden="true">#</a></h1><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">createI18n</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">vue-i18n</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">// \u5F15\u5165\u7B2C\u4E09\u65B9\u6700\u65B0\u7684i18n\u6CE8\u610F\u7248\u672C</span></span>
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"i18n \u6587\u672C\u591A\u8BED\u8A00\u89E3\u51B3\u65B9\u6848","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F","slug":"\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F","link":"#\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F","children":[]},{"level":2,"title":"HTML\u7684\u4F7F\u7528\u65B9\u5F0F","slug":"html\u7684\u4F7F\u7528\u65B9\u5F0F","link":"#html\u7684\u4F7F\u7528\u65B9\u5F0F","children":[]}],"relativePath":"guide/vue3/i18n.md","lastUpdated":1669356998000}'),p={name:"guide/vue3/i18n.md"},o=l(`<h1 id="i18n-\u6587\u672C\u591A\u8BED\u8A00\u89E3\u51B3\u65B9\u6848" tabindex="-1">i18n \u6587\u672C\u591A\u8BED\u8A00\u89E3\u51B3\u65B9\u6848 <a class="header-anchor" href="#i18n-\u6587\u672C\u591A\u8BED\u8A00\u89E3\u51B3\u65B9\u6848" aria-hidden="true">#</a></h1><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">createI18n</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">vue-i18n</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">// \u5F15\u5165\u7B2C\u4E09\u65B9\u6700\u65B0\u7684i18n\u6CE8\u610F\u7248\u672C</span></span>
<span class="line"></span>
<span class="line"><span style="color:#676E95;">/**</span></span>
<span class="line"><span style="color:#676E95;"> * </span><span style="color:#89DDFF;">@</span><span style="color:#C792EA;">description</span><span style="color:#676E95;">: \u52A0\u8F7D\u5F53\u524D\u914D\u7F6E\u7684\u8BED\u8A00\u914D\u7F6E\u76EE\u5F55\uFF0C\u968F\u610F\u6DFB\u52A0</span></span>
@ -31,7 +31,7 @@ import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">i18n</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">global</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">locale</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">=</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">locale</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">||</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">localStorage</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">getItem</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">lang</span><span style="color:#89DDFF;">&#39;</span><span style="color:#F07178;">) </span><span style="color:#89DDFF;">||</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&#39;&#39;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span></code></pre></div><h1 id="css\u56FE\u7247\u89E3\u51B3\u65B9\u6848" tabindex="-1">css\u56FE\u7247\u89E3\u51B3\u65B9\u6848 <a class="header-anchor" href="#css\u56FE\u7247\u89E3\u51B3\u65B9\u6848" aria-hidden="true">#</a></h1><p>\u76EE\u524D\u5728\u4E1A\u52A1\u5F00\u53D1\u4E2D,css\u7684\u6837\u5F0F\u591A\u8BED\u8A00\u4E5F\u4F1A\u7ECF\u5E38\u7528\u5230\uFF0C\u53EF\u80FD\u4E00\u4E9B\u56FE\u7247\u7684\u5B57\u4F53\u6BD4\u8F83\u590D\u6742\uFF0C\u4EE3\u7801\u5F88\u96BE\u5B9E\u73B0\u3002\u6216\u8005\u6211\u4EEC\u4E3A\u4E86\u51CF\u5C11\u591A\u8BED\u8A00\u7684\u914D\u7F6E\uFF0C\u52A0\u5FEB\u5F00\u53D1\u6548\u7387\u4E5F\u4F1A\u4F7F\u7528\u591A\u8BED\u8A00\u7684\u914D\u7F6E,\u76EE\u524D\u8FD9\u91CC\u63D0\u4F9Bscss\u7684\u56FE\u7247\u591A\u8BED\u8A00\u7684\u65B9\u6848</p><div class="language-css"><button class="copy"></button><span class="lang">css</span><pre><code><span class="line"><span style="color:#89DDFF;">@mixin</span><span style="color:#A6ACCD;"> main-lang-bg($width, $height, $preUrl, $posUrl) </span><span style="color:#89DDFF;">{</span></span>
<span class="line"></span></code></pre></div><h1 id="css\u56FE\u7247\u89E3\u51B3\u65B9\u6848" tabindex="-1">css\u56FE\u7247\u89E3\u51B3\u65B9\u6848 <a class="header-anchor" href="#css\u56FE\u7247\u89E3\u51B3\u65B9\u6848" aria-hidden="true">#</a></h1><p>\u76EE\u524D\u5728\u4E1A\u52A1\u5F00\u53D1\u4E2D,css\u7684\u6837\u5F0F\u591A\u8BED\u8A00\u4E5F\u4F1A\u7ECF\u5E38\u7528\u5230\uFF0C\u53EF\u80FD\u4E00\u4E9B\u56FE\u7247\u7684\u5B57\u4F53\u6BD4\u8F83\u590D\u6742\uFF0C\u4EE3\u7801\u5F88\u96BE\u5B9E\u73B0\u3002\u6216\u8005\u6211\u4EEC\u4E3A\u4E86\u51CF\u5C11\u591A\u8BED\u8A00\u7684\u914D\u7F6E\uFF0C\u52A0\u5FEB\u5F00\u53D1\u6548\u7387\u4E5F\u4F1A\u4F7F\u7528\u591A\u8BED\u8A00\u7684\u914D\u7F6E,\u76EE\u524D\u8FD9\u91CC\u63D0\u4F9Bscss\u7684\u56FE\u7247\u591A\u8BED\u8A00\u7684\u65B9\u6848</p><div class="language-css"><button title="Copy Code" class="copy"></button><span class="lang">css</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">@mixin</span><span style="color:#A6ACCD;"> main-lang-bg($width, $height, $preUrl, $posUrl) </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> width: $width;</span></span>
<span class="line"><span style="color:#A6ACCD;"> height: $height;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">background-repeat</span><span style="color:#A6ACCD;">: </span><span style="color:#FFCB6B;">no-repeat</span><span style="color:#A6ACCD;">;</span></span>
@ -47,12 +47,12 @@ import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span></code></pre></div><h2 id="\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F" tabindex="-1">\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F <a class="header-anchor" href="#\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F" aria-hidden="true">#</a></h2><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#A6ACCD;">\u251C\u2500\u2500 button</span></span>
<span class="line"></span></code></pre></div><h2 id="\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F" tabindex="-1">\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F <a class="header-anchor" href="#\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F" aria-hidden="true">#</a></h2><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;">\u251C\u2500\u2500 button</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u251C\u2500\u2500 en-us</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u2502 \u2514\u2500\u2500 confirm.png</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u251C\u2500\u2500 zh-cn</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u2502 \u2514\u2500\u2500 confirm.png</span></span>
<span class="line"></span></code></pre></div><h2 id="html\u7684\u4F7F\u7528\u65B9\u5F0F" tabindex="-1">HTML\u7684\u4F7F\u7528\u65B9\u5F0F <a class="header-anchor" href="#html\u7684\u4F7F\u7528\u65B9\u5F0F" aria-hidden="true">#</a></h2><div class="language-html"><button class="copy"></button><span class="lang">html</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><h2 id="html\u7684\u4F7F\u7528\u65B9\u5F0F" tabindex="-1">HTML\u7684\u4F7F\u7528\u65B9\u5F0F <a class="header-anchor" href="#html\u7684\u4F7F\u7528\u65B9\u5F0F" aria-hidden="true">#</a></h2><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">div</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">:class</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">[&#39;btn-confirm&#39;, i18n.global.locale]</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;&lt;/</span><span style="color:#F07178;">div</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">lang</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">ts</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">setup</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">name</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">HomePage</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;</span></span>

2
assets/guide_vue3_i18n.md.954669d1.lean.js → assets/guide_vue3_i18n.md.41a5bcaf.lean.js
View File

@ -1 +1 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"i18n \u6587\u672C\u591A\u8BED\u8A00\u89E3\u51B3\u65B9\u6848","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F","slug":"\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F","link":"#\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F","children":[]},{"level":2,"title":"HTML\u7684\u4F7F\u7528\u65B9\u5F0F","slug":"html\u7684\u4F7F\u7528\u65B9\u5F0F","link":"#html\u7684\u4F7F\u7528\u65B9\u5F0F","children":[]}],"relativePath":"guide/vue3/i18n.md","lastUpdated":1665744343000}'),p={name:"guide/vue3/i18n.md"},o=l("",9),e=[o];function c(t,r,F,D,y,C){return n(),a("div",null,e)}const d=s(p,[["render",c]]);export{i as __pageData,d as default};
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"i18n \u6587\u672C\u591A\u8BED\u8A00\u89E3\u51B3\u65B9\u6848","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F","slug":"\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F","link":"#\u5B9A\u4E49\u56FE\u7247\u7684\u76EE\u5F55\u683C\u5F0F","children":[]},{"level":2,"title":"HTML\u7684\u4F7F\u7528\u65B9\u5F0F","slug":"html\u7684\u4F7F\u7528\u65B9\u5F0F","link":"#html\u7684\u4F7F\u7528\u65B9\u5F0F","children":[]}],"relativePath":"guide/vue3/i18n.md","lastUpdated":1669356998000}'),p={name:"guide/vue3/i18n.md"},o=l("",9),e=[o];function c(t,r,F,D,y,C){return n(),a("div",null,e)}const d=s(p,[["render",c]]);export{i as __pageData,d as default};

2
assets/guide_vue3_lint.md.33e86426.js → assets/guide_vue3_lint.md.0369bcbf.js
View File

@ -1 +1 @@
import{_ as t,o as s,c as i,b as e,e as n}from"./app.b03f2eea.js";const g=JSON.parse('{"title":"Eslint+Pettier+stylelint \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/lint.md","lastUpdated":1665744343000}'),a={name:"guide/vue3/lint.md"},r=e("h1",{id:"eslint-pettier-stylelint-\u7EDF\u4E00\u5F00\u53D1\u89C4\u8303",tabindex:"-1"},[n("Eslint+Pettier+stylelint \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303 "),e("a",{class:"header-anchor",href:"#eslint-pettier-stylelint-\u7EDF\u4E00\u5F00\u53D1\u89C4\u8303","aria-hidden":"true"},"#")],-1),l=e("p",null,"\u6839\u76EE\u5F55\u4E0B\u7684.eslintrc.js\u3001.stylelint.config.js\u3001.prettier.config.js \u5185\u7F6E\u4E86 lint \u89C4\u5219\uFF0C\u5E2E\u52A9\u4F60\u89C4\u8303\u5730\u5F00\u53D1\u4EE3\u7801\uFF0C\u6709\u52A9\u4E8E\u63D0\u9AD8\u56E2\u961F\u7684\u4EE3\u7801\u8D28\u91CF\u548C\u534F\u4F5C\u6027\uFF0C\u53EF\u4EE5\u6839\u636E\u56E2\u961F\u7684\u89C4\u5219\u8FDB\u884C\u4FEE\u6539",-1),o=[r,l];function c(d,_,p,h,u,f){return s(),i("div",null,o)}const x=t(a,[["render",c]]);export{g as __pageData,x as default};
import{_ as t,o as s,c as i,b as e,e as n}from"./app.9df4ae05.js";const g=JSON.parse('{"title":"Eslint+Pettier+stylelint \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/lint.md","lastUpdated":1669356998000}'),a={name:"guide/vue3/lint.md"},r=e("h1",{id:"eslint-pettier-stylelint-\u7EDF\u4E00\u5F00\u53D1\u89C4\u8303",tabindex:"-1"},[n("Eslint+Pettier+stylelint \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303 "),e("a",{class:"header-anchor",href:"#eslint-pettier-stylelint-\u7EDF\u4E00\u5F00\u53D1\u89C4\u8303","aria-hidden":"true"},"#")],-1),l=e("p",null,"\u6839\u76EE\u5F55\u4E0B\u7684.eslintrc.js\u3001.stylelint.config.js\u3001.prettier.config.js \u5185\u7F6E\u4E86 lint \u89C4\u5219\uFF0C\u5E2E\u52A9\u4F60\u89C4\u8303\u5730\u5F00\u53D1\u4EE3\u7801\uFF0C\u6709\u52A9\u4E8E\u63D0\u9AD8\u56E2\u961F\u7684\u4EE3\u7801\u8D28\u91CF\u548C\u534F\u4F5C\u6027\uFF0C\u53EF\u4EE5\u6839\u636E\u56E2\u961F\u7684\u89C4\u5219\u8FDB\u884C\u4FEE\u6539",-1),o=[r,l];function c(d,_,p,h,u,f){return s(),i("div",null,o)}const x=t(a,[["render",c]]);export{g as __pageData,x as default};

2
assets/guide_vue3_lint.md.33e86426.lean.js → assets/guide_vue3_lint.md.0369bcbf.lean.js
View File

@ -1 +1 @@
import{_ as t,o as s,c as i,b as e,e as n}from"./app.b03f2eea.js";const g=JSON.parse('{"title":"Eslint+Pettier+stylelint \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/lint.md","lastUpdated":1665744343000}'),a={name:"guide/vue3/lint.md"},r=e("h1",{id:"eslint-pettier-stylelint-\u7EDF\u4E00\u5F00\u53D1\u89C4\u8303",tabindex:"-1"},[n("Eslint+Pettier+stylelint \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303 "),e("a",{class:"header-anchor",href:"#eslint-pettier-stylelint-\u7EDF\u4E00\u5F00\u53D1\u89C4\u8303","aria-hidden":"true"},"#")],-1),l=e("p",null,"\u6839\u76EE\u5F55\u4E0B\u7684.eslintrc.js\u3001.stylelint.config.js\u3001.prettier.config.js \u5185\u7F6E\u4E86 lint \u89C4\u5219\uFF0C\u5E2E\u52A9\u4F60\u89C4\u8303\u5730\u5F00\u53D1\u4EE3\u7801\uFF0C\u6709\u52A9\u4E8E\u63D0\u9AD8\u56E2\u961F\u7684\u4EE3\u7801\u8D28\u91CF\u548C\u534F\u4F5C\u6027\uFF0C\u53EF\u4EE5\u6839\u636E\u56E2\u961F\u7684\u89C4\u5219\u8FDB\u884C\u4FEE\u6539",-1),o=[r,l];function c(d,_,p,h,u,f){return s(),i("div",null,o)}const x=t(a,[["render",c]]);export{g as __pageData,x as default};
import{_ as t,o as s,c as i,b as e,e as n}from"./app.9df4ae05.js";const g=JSON.parse('{"title":"Eslint+Pettier+stylelint \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/lint.md","lastUpdated":1669356998000}'),a={name:"guide/vue3/lint.md"},r=e("h1",{id:"eslint-pettier-stylelint-\u7EDF\u4E00\u5F00\u53D1\u89C4\u8303",tabindex:"-1"},[n("Eslint+Pettier+stylelint \u7EDF\u4E00\u5F00\u53D1\u89C4\u8303 "),e("a",{class:"header-anchor",href:"#eslint-pettier-stylelint-\u7EDF\u4E00\u5F00\u53D1\u89C4\u8303","aria-hidden":"true"},"#")],-1),l=e("p",null,"\u6839\u76EE\u5F55\u4E0B\u7684.eslintrc.js\u3001.stylelint.config.js\u3001.prettier.config.js \u5185\u7F6E\u4E86 lint \u89C4\u5219\uFF0C\u5E2E\u52A9\u4F60\u89C4\u8303\u5730\u5F00\u53D1\u4EE3\u7801\uFF0C\u6709\u52A9\u4E8E\u63D0\u9AD8\u56E2\u961F\u7684\u4EE3\u7801\u8D28\u91CF\u548C\u534F\u4F5C\u6027\uFF0C\u53EF\u4EE5\u6839\u636E\u56E2\u961F\u7684\u89C4\u5219\u8FDB\u884C\u4FEE\u6539",-1),o=[r,l];function c(d,_,p,h,u,f){return s(),i("div",null,o)}const x=t(a,[["render",c]]);export{g as __pageData,x as default};

8
assets/guide_vue3_pinia.md.0b46885f.js → assets/guide_vue3_pinia.md.d42d9586.js
View File

@ -1,8 +1,8 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"Pinia \u72B6\u6001\u7BA1\u7406","description":"","frontmatter":{},"headers":[{"level":3,"title":"options API:","slug":"options-api","link":"#options-api","children":[]},{"level":3,"title":"Composition API:","slug":"composition-api","link":"#composition-api","children":[]}],"relativePath":"guide/vue3/pinia.md","lastUpdated":1665744343000}'),l={name:"guide/vue3/pinia.md"},o=p(`<h1 id="pinia-\u72B6\u6001\u7BA1\u7406" tabindex="-1">Pinia \u72B6\u6001\u7BA1\u7406 <a class="header-anchor" href="#pinia-\u72B6\u6001\u7BA1\u7406" aria-hidden="true">#</a></h1><p>\u4E0B\u4E00\u4EE3 vuex\uFF0C\u4F7F\u7528\u6781\u5176\u65B9\u4FBF\uFF0Cts \u517C\u5BB9\u597D</p><p>\u76EE\u5F55\u7ED3\u6784</p><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#A6ACCD;">\u251C\u2500\u2500 store</span></span>
import{_ as s,o as n,c as a,d as p}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"Pinia \u72B6\u6001\u7BA1\u7406","description":"","frontmatter":{},"headers":[{"level":3,"title":"options API:","slug":"options-api","link":"#options-api","children":[]},{"level":3,"title":"Composition API:","slug":"composition-api","link":"#composition-api","children":[]}],"relativePath":"guide/vue3/pinia.md","lastUpdated":1669356998000}'),l={name:"guide/vue3/pinia.md"},o=p(`<h1 id="pinia-\u72B6\u6001\u7BA1\u7406" tabindex="-1">Pinia \u72B6\u6001\u7BA1\u7406 <a class="header-anchor" href="#pinia-\u72B6\u6001\u7BA1\u7406" aria-hidden="true">#</a></h1><p>\u4E0B\u4E00\u4EE3 vuex\uFF0C\u4F7F\u7528\u6781\u5176\u65B9\u4FBF\uFF0Cts \u517C\u5BB9\u597D</p><p>\u76EE\u5F55\u7ED3\u6784</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;">\u251C\u2500\u2500 store</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u251C\u2500\u2500 modules</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u2502 \u2514\u2500\u2500 user.js</span></span>
<span class="line"><span style="color:#A6ACCD;">\u2502 \u251C\u2500\u2500 index.js</span></span>
<span class="line"></span></code></pre></div><p>\u76EE\u524Dpinia\u5206\u4E3A\u4E24\u79CD\u7F16\u7A0B\u6A21\u5F0F,options API\u548C Composition API\uFF0C\u6211\u4EEC\u8FD9\u8FB9\u90FD\u4F1A\u5217\u4E3E\u51FA\u6765\u5B9E\u73B0\u7684\u4E1A\u52A1\u903B\u8F91\u6548\u679C\u662F\u4E00\u6837\u7684\uFF0C\u63D0\u4F9B\u5927\u5BB6\u601D\u8DEF</p><h3 id="options-api" tabindex="-1">options API: <a class="header-anchor" href="#options-api" aria-hidden="true">#</a></h3><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">StoreUser</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"></span></code></pre></div><p>\u76EE\u524Dpinia\u5206\u4E3A\u4E24\u79CD\u7F16\u7A0B\u6A21\u5F0F,options API\u548C Composition API\uFF0C\u6211\u4EEC\u8FD9\u8FB9\u90FD\u4F1A\u5217\u4E3E\u51FA\u6765\u5B9E\u73B0\u7684\u4E1A\u52A1\u903B\u8F91\u6548\u679C\u662F\u4E00\u6837\u7684\uFF0C\u63D0\u4F9B\u5927\u5BB6\u601D\u8DEF</p><h3 id="options-api" tabindex="-1">options API: <a class="header-anchor" href="#options-api" aria-hidden="true">#</a></h3><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#C792EA;">interface</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">StoreUser</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">token</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">string</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">info</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">Record</span><span style="color:#89DDFF;">&lt;</span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">&gt;;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
@ -34,7 +34,7 @@ import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><h3 id="composition-api" tabindex="-1">Composition API: <a class="header-anchor" href="#composition-api" aria-hidden="true">#</a></h3><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> useUserStore </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">defineStore</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">app-user</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">()</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"></span></code></pre></div><h3 id="composition-api" tabindex="-1">Composition API: <a class="header-anchor" href="#composition-api" aria-hidden="true">#</a></h3><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> useUserStore </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">defineStore</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">app-user</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">()</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#C792EA;">const</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">Token</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">=</span><span style="color:#F07178;"> </span><span style="color:#82AAFF;">ref</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">token</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#C792EA;">const</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">info</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">=</span><span style="color:#F07178;"> </span><span style="color:#82AAFF;">ref</span><span style="color:#89DDFF;">&lt;</span><span style="color:#FFCB6B;">Record</span><span style="color:#89DDFF;">&lt;</span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">&gt;&gt;</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">{}</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#C792EA;">const</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">setInfo</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">=</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">info</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#FFCB6B;">any</span><span style="color:#89DDFF;">)</span><span style="color:#F07178;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">{</span></span>
@ -61,7 +61,7 @@ import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">getUserInfo</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">};</span></span>
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span></span>
<span class="line"></span></code></pre></div><p>\u4F7F\u7528</p><div class="language-html"><button class="copy"></button><span class="lang">html</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">lang</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">ts</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">setup</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><p>\u4F7F\u7528</p><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">lang</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">ts</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">setup</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">useUserStore</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">@/store/modules/user</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> userStore </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">useUserStore</span><span style="color:#A6ACCD;">()</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#A6ACCD;"> userStore</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">login</span><span style="color:#A6ACCD;">()</span><span style="color:#89DDFF;">;</span></span>

2
assets/guide_vue3_pinia.md.0b46885f.lean.js → assets/guide_vue3_pinia.md.d42d9586.lean.js
View File

@ -1 +1 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"Pinia \u72B6\u6001\u7BA1\u7406","description":"","frontmatter":{},"headers":[{"level":3,"title":"options API:","slug":"options-api","link":"#options-api","children":[]},{"level":3,"title":"Composition API:","slug":"composition-api","link":"#composition-api","children":[]}],"relativePath":"guide/vue3/pinia.md","lastUpdated":1665744343000}'),l={name:"guide/vue3/pinia.md"},o=p("",11),e=[o];function t(c,r,F,y,D,A){return n(),a("div",null,e)}const d=s(l,[["render",t]]);export{i as __pageData,d as default};
import{_ as s,o as n,c as a,d as p}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"Pinia \u72B6\u6001\u7BA1\u7406","description":"","frontmatter":{},"headers":[{"level":3,"title":"options API:","slug":"options-api","link":"#options-api","children":[]},{"level":3,"title":"Composition API:","slug":"composition-api","link":"#composition-api","children":[]}],"relativePath":"guide/vue3/pinia.md","lastUpdated":1669356998000}'),l={name:"guide/vue3/pinia.md"},o=p("",11),e=[o];function t(c,r,F,y,D,A){return n(),a("div",null,e)}const d=s(l,[["render",t]]);export{i as __pageData,d as default};

2
assets/guide_vue3_proxy.md.f942b456.js → assets/guide_vue3_proxy.md.6de09eeb.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as a,c as n,d as p}from"./app.b03f2eea.js";const _=JSON.parse('{"title":"proxy \u8DE8\u57DF","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/proxy.md","lastUpdated":1665744343000}'),o={name:"guide/vue3/proxy.md"},l=p(`<h1 id="proxy-\u8DE8\u57DF" tabindex="-1">proxy \u8DE8\u57DF <a class="header-anchor" href="#proxy-\u8DE8\u57DF" aria-hidden="true">#</a></h1><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#FFCB6B;">server</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
import{_ as s,o as a,c as n,d as p}from"./app.9df4ae05.js";const _=JSON.parse('{"title":"proxy \u8DE8\u57DF","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/proxy.md","lastUpdated":1669356998000}'),o={name:"guide/vue3/proxy.md"},l=p(`<h1 id="proxy-\u8DE8\u57DF" tabindex="-1">proxy \u8DE8\u57DF <a class="header-anchor" href="#proxy-\u8DE8\u57DF" aria-hidden="true">#</a></h1><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#FFCB6B;">server</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#FFCB6B;">proxy</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/api</span><span style="color:#89DDFF;">&#39;</span><span style="color:#F07178;">: </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> target</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">https://baidu.com</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>

2
assets/guide_vue3_proxy.md.f942b456.lean.js → assets/guide_vue3_proxy.md.6de09eeb.lean.js
View File

@ -1 +1 @@
import{_ as s,o as a,c as n,d as p}from"./app.b03f2eea.js";const _=JSON.parse('{"title":"proxy \u8DE8\u57DF","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/proxy.md","lastUpdated":1665744343000}'),o={name:"guide/vue3/proxy.md"},l=p("",2),e=[l];function t(r,c,F,y,D,i){return a(),n("div",null,e)}const C=s(o,[["render",t]]);export{_ as __pageData,C as default};
import{_ as s,o as a,c as n,d as p}from"./app.9df4ae05.js";const _=JSON.parse('{"title":"proxy \u8DE8\u57DF","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/proxy.md","lastUpdated":1669356998000}'),o={name:"guide/vue3/proxy.md"},l=p("",2),e=[l];function t(r,c,F,y,D,i){return a(),n("div",null,e)}const C=s(o,[["render",t]]);export{_ as __pageData,C as default};

1
assets/guide_vue3_router.md.086adb12.lean.js
View File

@ -1 +0,0 @@
import{_ as s,o as a,c as n,d as o}from"./app.b03f2eea.js";const u=JSON.parse('{"title":"vue-router","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/router.md","lastUpdated":1665744343000}'),p={name:"guide/vue3/router.md"},l=o("",5),e=[l];function t(r,c,D,y,F,A){return a(),n("div",null,e)}const i=s(p,[["render",t]]);export{u as __pageData,i as default};

4
assets/guide_vue3_router.md.086adb12.js → assets/guide_vue3_router.md.ac76daf3.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as a,c as n,d as o}from"./app.b03f2eea.js";const u=JSON.parse('{"title":"vue-router","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/router.md","lastUpdated":1665744343000}'),p={name:"guide/vue3/router.md"},l=o(`<h1 id="vue-router" tabindex="-1">vue-router <a class="header-anchor" href="#vue-router" aria-hidden="true">#</a></h1><p>\u672C\u6848\u4F8B\u91C7\u7528 <code>hash</code> \u6A21\u5F0F\uFF0C\u5F00\u53D1\u8005\u6839\u636E\u9700\u6C42\u4FEE\u6539 <code>mode</code> <code>base</code></p><p><strong>\u6CE8\u610F</strong>\uFF1A\u5982\u679C\u4F60\u4F7F\u7528\u4E86 <code>history</code> \u6A21\u5F0F\uFF0C <code>vue.config.js</code> \u4E2D\u7684 <code>publicPath</code> \u8981\u505A\u5BF9\u5E94\u7684<strong>\u4FEE\u6539</strong></p><p>\u524D\u5F80:<a href="#base">vue.config.js \u57FA\u7840\u914D\u7F6E</a></p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> Vue </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
import{_ as s,o as a,c as n,d as o}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"vue-router","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/router.md","lastUpdated":1669356998000}'),p={name:"guide/vue3/router.md"},l=o(`<h1 id="vue-router" tabindex="-1">vue-router <a class="header-anchor" href="#vue-router" aria-hidden="true">#</a></h1><p>\u672C\u6848\u4F8B\u91C7\u7528 <code>hash</code> \u6A21\u5F0F\uFF0C\u5F00\u53D1\u8005\u6839\u636E\u9700\u6C42\u4FEE\u6539 <code>mode</code> <code>base</code></p><p><strong>\u6CE8\u610F</strong>\uFF1A\u5982\u679C\u4F60\u4F7F\u7528\u4E86 <code>history</code> \u6A21\u5F0F\uFF0C <code>vue.config.js</code> \u4E2D\u7684 <code>publicPath</code> \u8981\u505A\u5BF9\u5E94\u7684<strong>\u4FEE\u6539</strong></p><p>\u524D\u5F80:<a href="#base">vue.config.js \u57FA\u7840\u914D\u7F6E</a></p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> Vue </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">createRouter</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">createWebHistory</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">Router</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue-router</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#A6ACCD;">Vue</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">use</span><span style="color:#A6ACCD;">(Router)</span><span style="color:#89DDFF;">;</span></span>
@ -17,4 +17,4 @@ import{_ as s,o as a,c as n,d as o}from"./app.b03f2eea.js";const u=JSON.parse('{
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">default</span><span style="color:#A6ACCD;"> router</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div>`,5),e=[l];function t(r,c,D,y,F,A){return a(),n("div",null,e)}const i=s(p,[["render",t]]);export{u as __pageData,i as default};
<span class="line"></span></code></pre></div>`,5),e=[l];function t(r,c,D,y,F,A){return a(),n("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};

1
assets/guide_vue3_router.md.ac76daf3.lean.js Normal file
View File

@ -0,0 +1 @@
import{_ as s,o as a,c as n,d as o}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"vue-router","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/router.md","lastUpdated":1669356998000}'),p={name:"guide/vue3/router.md"},l=o("",5),e=[l];function t(r,c,D,y,F,A){return a(),n("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};

4
assets/guide_vue3_start.md.fe3f408f.js → assets/guide_vue3_start.md.731235e4.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as a,c as n,d as e}from"./app.b03f2eea.js";const y=JSON.parse('{"title":"\u542F\u52A8\u9879\u76EE","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/start.md","lastUpdated":1665744343000}'),t={name:"guide/vue3/start.md"},l=e(`<h1 id="\u542F\u52A8\u9879\u76EE" tabindex="-1">\u542F\u52A8\u9879\u76EE <a class="header-anchor" href="#\u542F\u52A8\u9879\u76EE" aria-hidden="true">#</a></h1><div class="language-js"><button class="copy"></button><span class="lang">js</span><pre><code><span class="line"></span>
import{_ as s,o as a,c as n,d as e}from"./app.9df4ae05.js";const y=JSON.parse('{"title":"\u542F\u52A8\u9879\u76EE","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/start.md","lastUpdated":1669356998000}'),t={name:"guide/vue3/start.md"},l=e(`<h1 id="\u542F\u52A8\u9879\u76EE" tabindex="-1">\u542F\u52A8\u9879\u76EE <a class="header-anchor" href="#\u542F\u52A8\u9879\u76EE" aria-hidden="true">#</a></h1><div class="language-js"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki"><code><span class="line"></span>
<span class="line"><span style="color:#676E95;">// \u62C9\u53D6\u9879\u76EE</span></span>
<span class="line"><span style="color:#A6ACCD;">git clone </span><span style="color:#FFCB6B;">https</span><span style="color:#89DDFF;">:</span><span style="color:#676E95;">//github.com/sunniejs/vue-h5-template</span></span>
<span class="line"></span>
@ -8,4 +8,4 @@ import{_ as s,o as a,c as n,d as e}from"./app.b03f2eea.js";const y=JSON.parse('{
<span class="line"><span style="color:#676E95;">// \u542F\u52A8\u9879\u76EE</span></span>
<span class="line"><span style="color:#A6ACCD;">yarn dev</span></span>
<span class="line"></span>
<span class="line"></span></code></pre></div>`,2),p=[l];function c(o,r,i,d,_,u){return a(),n("div",null,p)}const m=s(t,[["render",c]]);export{y as __pageData,m as default};
<span class="line"></span></code></pre></div>`,2),p=[l];function c(o,r,i,d,_,u){return a(),n("div",null,p)}const C=s(t,[["render",c]]);export{y as __pageData,C as default};

2
assets/guide_vue3_start.md.fe3f408f.lean.js → assets/guide_vue3_start.md.731235e4.lean.js
View File

@ -1 +1 @@
import{_ as s,o as a,c as n,d as e}from"./app.b03f2eea.js";const y=JSON.parse('{"title":"\u542F\u52A8\u9879\u76EE","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/start.md","lastUpdated":1665744343000}'),t={name:"guide/vue3/start.md"},l=e("",2),p=[l];function c(o,r,i,d,_,u){return a(),n("div",null,p)}const m=s(t,[["render",c]]);export{y as __pageData,m as default};
import{_ as s,o as a,c as n,d as e}from"./app.9df4ae05.js";const y=JSON.parse('{"title":"\u542F\u52A8\u9879\u76EE","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/start.md","lastUpdated":1669356998000}'),t={name:"guide/vue3/start.md"},l=e("",2),p=[l];function c(o,r,i,d,_,u){return a(),n("div",null,p)}const C=s(t,[["render",c]]);export{y as __pageData,C as default};

8
assets/guide_vue3_ui.md.d3bfac57.js → assets/guide_vue3_ui.md.ffe3bb7a.js
View File

@ -1,12 +1,12 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const A=JSON.parse('{"title":"\u591A UI \u7EC4\u4EF6\u5E93\u4F9B\u9009\u62E9","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B89\u88C5\u63D2\u4EF6","slug":"\u5B89\u88C5\u63D2\u4EF6","link":"#\u5B89\u88C5\u63D2\u4EF6","children":[]},{"level":2,"title":"\u4F7F\u7528\u7EC4\u4EF6\u5E93","slug":"\u4F7F\u7528\u7EC4\u4EF6\u5E93","link":"#\u4F7F\u7528\u7EC4\u4EF6\u5E93","children":[]},{"level":2,"title":"\u4E0D\u9700\u8981\u67D0\u4E2A\u7EC4\u4EF6\u5E93","slug":"\u4E0D\u9700\u8981\u67D0\u4E2A\u7EC4\u4EF6\u5E93","link":"#\u4E0D\u9700\u8981\u67D0\u4E2A\u7EC4\u4EF6\u5E93","children":[]},{"level":2,"title":"\u53C2\u8003\u6587\u6863","slug":"\u53C2\u8003\u6587\u6863","link":"#\u53C2\u8003\u6587\u6863","children":[]}],"relativePath":"guide/vue3/ui.md","lastUpdated":1665744343000}'),p={name:"guide/vue3/ui.md"},o=l(`<h1 id="\u591A-ui-\u7EC4\u4EF6\u5E93\u4F9B\u9009\u62E9" tabindex="-1">\u591A UI \u7EC4\u4EF6\u5E93\u4F9B\u9009\u62E9 <a class="header-anchor" href="#\u591A-ui-\u7EC4\u4EF6\u5E93\u4F9B\u9009\u62E9" aria-hidden="true">#</a></h1><p>Vite \u6784\u5EFA\u5DE5\u5177\uFF0C\u4F7F\u7528 vite-plugin-style-import \u548C unplugin-vue-components/vite \u5B9E\u73B0\u6309\u9700\u5F15\u5165\u3002</p><h2 id="\u5B89\u88C5\u63D2\u4EF6" tabindex="-1">\u5B89\u88C5\u63D2\u4EF6 <a class="header-anchor" href="#\u5B89\u88C5\u63D2\u4EF6" aria-hidden="true">#</a></h2><div class="language-bash"><button class="copy"></button><span class="lang">bash</span><pre><code><span class="line"><span style="color:#A6ACCD;">yarn add vite-plugin-style-import -D</span></span>
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const A=JSON.parse('{"title":"\u591A UI \u7EC4\u4EF6\u5E93\u4F9B\u9009\u62E9","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B89\u88C5\u63D2\u4EF6","slug":"\u5B89\u88C5\u63D2\u4EF6","link":"#\u5B89\u88C5\u63D2\u4EF6","children":[]},{"level":2,"title":"\u4F7F\u7528\u7EC4\u4EF6\u5E93","slug":"\u4F7F\u7528\u7EC4\u4EF6\u5E93","link":"#\u4F7F\u7528\u7EC4\u4EF6\u5E93","children":[]},{"level":2,"title":"\u4E0D\u9700\u8981\u67D0\u4E2A\u7EC4\u4EF6\u5E93","slug":"\u4E0D\u9700\u8981\u67D0\u4E2A\u7EC4\u4EF6\u5E93","link":"#\u4E0D\u9700\u8981\u67D0\u4E2A\u7EC4\u4EF6\u5E93","children":[]},{"level":2,"title":"\u53C2\u8003\u6587\u6863","slug":"\u53C2\u8003\u6587\u6863","link":"#\u53C2\u8003\u6587\u6863","children":[]}],"relativePath":"guide/vue3/ui.md","lastUpdated":1669356998000}'),p={name:"guide/vue3/ui.md"},o=l(`<h1 id="\u591A-ui-\u7EC4\u4EF6\u5E93\u4F9B\u9009\u62E9" tabindex="-1">\u591A UI \u7EC4\u4EF6\u5E93\u4F9B\u9009\u62E9 <a class="header-anchor" href="#\u591A-ui-\u7EC4\u4EF6\u5E93\u4F9B\u9009\u62E9" aria-hidden="true">#</a></h1><p>Vite \u6784\u5EFA\u5DE5\u5177\uFF0C\u4F7F\u7528 vite-plugin-style-import \u548C unplugin-vue-components/vite \u5B9E\u73B0\u6309\u9700\u5F15\u5165\u3002</p><h2 id="\u5B89\u88C5\u63D2\u4EF6" tabindex="-1">\u5B89\u88C5\u63D2\u4EF6 <a class="header-anchor" href="#\u5B89\u88C5\u63D2\u4EF6" aria-hidden="true">#</a></h2><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki"><code><span class="line"><span style="color:#A6ACCD;">yarn add vite-plugin-style-import -D</span></span>
<span class="line"><span style="color:#A6ACCD;">yarn add unplugin-vue-components/vite -D</span></span>
<span class="line"></span></code></pre></div><h2 id="\u4F7F\u7528\u7EC4\u4EF6\u5E93" tabindex="-1">\u4F7F\u7528\u7EC4\u4EF6\u5E93 <a class="header-anchor" href="#\u4F7F\u7528\u7EC4\u4EF6\u5E93" aria-hidden="true">#</a></h2><p>nutUI \u6CA1\u6709\u6309\u9700\u52A0\u8F7D\u7684 resolvers\uFF0Cstyle \u9700\u8981\u81EA\u5DF1\u914D\u7F6E\u6309\u9700\u52A0\u8F7D</p><p>\u5728 <code>config/vite/plugins/styleImport.ts</code> \u8BBE\u7F6E</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;">// \u6309\u9700\u52A0\u8F7D\u6837\u5F0F\u6587\u4EF6</span></span>
<span class="line"></span></code></pre></div><h2 id="\u4F7F\u7528\u7EC4\u4EF6\u5E93" tabindex="-1">\u4F7F\u7528\u7EC4\u4EF6\u5E93 <a class="header-anchor" href="#\u4F7F\u7528\u7EC4\u4EF6\u5E93" aria-hidden="true">#</a></h2><p>nutUI \u6CA1\u6709\u6309\u9700\u52A0\u8F7D\u7684 resolvers\uFF0Cstyle \u9700\u8981\u81EA\u5DF1\u914D\u7F6E\u6309\u9700\u52A0\u8F7D</p><p>\u5728 <code>config/vite/plugins/styleImport.ts</code> \u8BBE\u7F6E</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;">// \u6309\u9700\u52A0\u8F7D\u6837\u5F0F\u6587\u4EF6</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">...</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">createStyleImportPlugin</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">resolves</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> [</span><span style="color:#82AAFF;">NutuiResolve</span><span style="color:#A6ACCD;">()]</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">...</span></span>
<span class="line"></span></code></pre></div><p>\u9879\u76EE\u5728 <code>src/plugins/nutUI.ts</code> \u4E0B\u7EDF\u4E00\u7BA1\u7406\u7EC4\u4EF6\uFF0C\u7528\u54EA\u4E2A\u5F15\u5165\u54EA\u4E2A\uFF0C\u65E0\u9700\u5728\u9875\u9762\u91CC\u91CD\u590D\u5F15\u7528</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// \u6309\u9700\u5168\u5C40\u5F15\u5165nutUI\u7EC4\u4EF6</span></span>
<span class="line"></span></code></pre></div><p>\u9879\u76EE\u5728 <code>src/plugins/nutUI.ts</code> \u4E0B\u7EDF\u4E00\u7BA1\u7406\u7EC4\u4EF6\uFF0C\u7528\u54EA\u4E2A\u5F15\u5165\u54EA\u4E2A\uFF0C\u65E0\u9700\u5728\u9875\u9762\u91CC\u91CD\u590D\u5F15\u7528</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// \u6309\u9700\u5168\u5C40\u5F15\u5165nutUI\u7EC4\u4EF6</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> Vue </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">vue</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">Button</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">Cell</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">CellGroup</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">@nutui/nutui</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> nutUiComponents </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> [Button</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> Cell</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> CellGroup]</span><span style="color:#89DDFF;">;</span></span>
@ -15,7 +15,7 @@ import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const A=JSON.parse('{
<span class="line"><span style="color:#A6ACCD;">nutUiComponents</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">forEach</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">app</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">use</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">item</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><p>vant \u548C varlet \u53EF\u4EE5\u4F7F\u7528\u7EC4\u4EF6\u6309\u9700\u52A0\u8F7D</p><p>\u5728<code>config/vite/plugins/component.ts</code>\u4E0B</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">VueUseComponentsResolver</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">VantResolver</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">VarletUIResolver</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">unplugin-vue-components/resolvers</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span></code></pre></div><p>vant \u548C varlet \u53EF\u4EE5\u4F7F\u7528\u7EC4\u4EF6\u6309\u9700\u52A0\u8F7D</p><p>\u5728<code>config/vite/plugins/component.ts</code>\u4E0B</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">VueUseComponentsResolver</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">VantResolver</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">VarletUIResolver</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">unplugin-vue-components/resolvers</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">...</span></span>
<span class="line"><span style="color:#FFCB6B;">resolvers</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> [</span><span style="color:#82AAFF;">VantResolver</span><span style="color:#A6ACCD;">()</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">VarletUIResolver</span><span style="color:#A6ACCD;">()]</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#89DDFF;">...</span></span>

2
assets/guide_vue3_ui.md.d3bfac57.lean.js → assets/guide_vue3_ui.md.ffe3bb7a.lean.js
View File

@ -1 +1 @@
import{_ as s,o as n,c as a,d as l}from"./app.b03f2eea.js";const A=JSON.parse('{"title":"\u591A UI \u7EC4\u4EF6\u5E93\u4F9B\u9009\u62E9","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B89\u88C5\u63D2\u4EF6","slug":"\u5B89\u88C5\u63D2\u4EF6","link":"#\u5B89\u88C5\u63D2\u4EF6","children":[]},{"level":2,"title":"\u4F7F\u7528\u7EC4\u4EF6\u5E93","slug":"\u4F7F\u7528\u7EC4\u4EF6\u5E93","link":"#\u4F7F\u7528\u7EC4\u4EF6\u5E93","children":[]},{"level":2,"title":"\u4E0D\u9700\u8981\u67D0\u4E2A\u7EC4\u4EF6\u5E93","slug":"\u4E0D\u9700\u8981\u67D0\u4E2A\u7EC4\u4EF6\u5E93","link":"#\u4E0D\u9700\u8981\u67D0\u4E2A\u7EC4\u4EF6\u5E93","children":[]},{"level":2,"title":"\u53C2\u8003\u6587\u6863","slug":"\u53C2\u8003\u6587\u6863","link":"#\u53C2\u8003\u6587\u6863","children":[]}],"relativePath":"guide/vue3/ui.md","lastUpdated":1665744343000}'),p={name:"guide/vue3/ui.md"},o=l("",19),e=[o];function t(r,c,D,i,y,F){return n(),a("div",null,e)}const u=s(p,[["render",t]]);export{A as __pageData,u as default};
import{_ as s,o as n,c as a,d as l}from"./app.9df4ae05.js";const A=JSON.parse('{"title":"\u591A UI \u7EC4\u4EF6\u5E93\u4F9B\u9009\u62E9","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u5B89\u88C5\u63D2\u4EF6","slug":"\u5B89\u88C5\u63D2\u4EF6","link":"#\u5B89\u88C5\u63D2\u4EF6","children":[]},{"level":2,"title":"\u4F7F\u7528\u7EC4\u4EF6\u5E93","slug":"\u4F7F\u7528\u7EC4\u4EF6\u5E93","link":"#\u4F7F\u7528\u7EC4\u4EF6\u5E93","children":[]},{"level":2,"title":"\u4E0D\u9700\u8981\u67D0\u4E2A\u7EC4\u4EF6\u5E93","slug":"\u4E0D\u9700\u8981\u67D0\u4E2A\u7EC4\u4EF6\u5E93","link":"#\u4E0D\u9700\u8981\u67D0\u4E2A\u7EC4\u4EF6\u5E93","children":[]},{"level":2,"title":"\u53C2\u8003\u6587\u6863","slug":"\u53C2\u8003\u6587\u6863","link":"#\u53C2\u8003\u6587\u6863","children":[]}],"relativePath":"guide/vue3/ui.md","lastUpdated":1669356998000}'),p={name:"guide/vue3/ui.md"},o=l("",19),e=[o];function t(r,c,D,i,y,F){return n(),a("div",null,e)}const u=s(p,[["render",t]]);export{A as __pageData,u as default};

6
assets/guide_vue3_viewport.md.25e154fe.js → assets/guide_vue3_viewport.md.5620c164.js
View File

@ -1,4 +1,4 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"viewport \u9002\u914D\u65B9\u6848","description":"","frontmatter":{},"headers":[{"level":2,"title":"PostCSS \u914D\u7F6E","slug":"postcss-\u914D\u7F6E","link":"#postcss-\u914D\u7F6E","children":[]}],"relativePath":"guide/vue3/viewport.md","lastUpdated":1665744343000}'),l={name:"guide/vue3/viewport.md"},o=p(`<h1 id="viewport-\u9002\u914D\u65B9\u6848" tabindex="-1">viewport \u9002\u914D\u65B9\u6848 <a class="header-anchor" href="#viewport-\u9002\u914D\u65B9\u6848" aria-hidden="true">#</a></h1><p>\u4E0D\u7528\u62C5\u5FC3\uFF0C\u9879\u76EE\u5DF2\u7ECF\u914D\u7F6E\u597D\u4E86 <code>viewport</code> \u9002\u914D\uFF0C\u4E0B\u9762\u4EC5\u505A\u4ECB\u7ECD\uFF1A</p><ul><li><a href="https://github.com/cnjm/postcss-px-to-viewport" target="_blank" rel="noreferrer">cnjm-postcss-px-to-viewport</a> \u662F\u4E00\u6B3E <code>postcss</code> \u63D2\u4EF6\uFF0C\u7528\u4E8E\u5C06\u5355\u4F4D\u8F6C\u5316\u4E3A <code>vw</code>\uFF0C \u73B0\u5728\u5F88\u591A\u6D4F\u89C8\u5668\u5BF9<code>vw</code>\u7684\u652F\u6301\u90FD\u5F88\u597D\uFF0C\u9002\u914D\u9996\u9009\u65B9\u6848\u3002</li></ul><h2 id="postcss-\u914D\u7F6E" tabindex="-1">PostCSS \u914D\u7F6E <a class="header-anchor" href="#postcss-\u914D\u7F6E" aria-hidden="true">#</a></h2><p>\u4E0B\u9762\u63D0\u4F9B\u4E86\u4E00\u4EFD\u57FA\u672C\u7684 <code>postcss</code> \u914D\u7F6E\uFF0C\u53EF\u4EE5\u5728\u6B64\u914D\u7F6E\u7684\u57FA\u7840\u4E0A\u6839\u636E\u9879\u76EE\u9700\u6C42\u8FDB\u884C\u4FEE\u6539</p><div class="language-javascript"><button class="copy"></button><span class="lang">javascript</span><pre><code><span class="line"><span style="color:#676E95;">// https://github.com/michael-ciniawsky/postcss-load-config</span></span>
import{_ as s,o as n,c as a,d as p}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"viewport \u9002\u914D\u65B9\u6848","description":"","frontmatter":{},"headers":[{"level":2,"title":"PostCSS \u914D\u7F6E","slug":"postcss-\u914D\u7F6E","link":"#postcss-\u914D\u7F6E","children":[]}],"relativePath":"guide/vue3/viewport.md","lastUpdated":1669356998000}'),l={name:"guide/vue3/viewport.md"},o=p(`<h1 id="viewport-\u9002\u914D\u65B9\u6848" tabindex="-1">viewport \u9002\u914D\u65B9\u6848 <a class="header-anchor" href="#viewport-\u9002\u914D\u65B9\u6848" aria-hidden="true">#</a></h1><p>\u4E0D\u7528\u62C5\u5FC3\uFF0C\u9879\u76EE\u5DF2\u7ECF\u914D\u7F6E\u597D\u4E86 <code>viewport</code> \u9002\u914D\uFF0C\u4E0B\u9762\u4EC5\u505A\u4ECB\u7ECD\uFF1A</p><ul><li><a href="https://github.com/cnjm/postcss-px-to-viewport" target="_blank" rel="noreferrer">cnjm-postcss-px-to-viewport</a> \u662F\u4E00\u6B3E <code>postcss</code> \u63D2\u4EF6\uFF0C\u7528\u4E8E\u5C06\u5355\u4F4D\u8F6C\u5316\u4E3A <code>vw</code>\uFF0C \u73B0\u5728\u5F88\u591A\u6D4F\u89C8\u5668\u5BF9<code>vw</code>\u7684\u652F\u6301\u90FD\u5F88\u597D\uFF0C\u9002\u914D\u9996\u9009\u65B9\u6848\u3002</li></ul><h2 id="postcss-\u914D\u7F6E" tabindex="-1">PostCSS \u914D\u7F6E <a class="header-anchor" href="#postcss-\u914D\u7F6E" aria-hidden="true">#</a></h2><p>\u4E0B\u9762\u63D0\u4F9B\u4E86\u4E00\u4EFD\u57FA\u672C\u7684 <code>postcss</code> \u914D\u7F6E\uFF0C\u53EF\u4EE5\u5728\u6B64\u914D\u7F6E\u7684\u57FA\u7840\u4E0A\u6839\u636E\u9879\u76EE\u9700\u6C42\u8FDB\u884C\u4FEE\u6539</p><div class="language-javascript"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki"><code><span class="line"><span style="color:#676E95;">// https://github.com/michael-ciniawsky/postcss-load-config</span></span>
<span class="line"><span style="color:#89DDFF;">module.exports</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">plugins</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">autoprefixer</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">overrideBrowserslist</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> [</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">Android 4.1</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">iOS 7.1</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">Chrome &gt; 31</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">ff &gt; 31</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">ie &gt;= 8</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;">] </span><span style="color:#89DDFF;">},</span></span>
@ -21,8 +21,8 @@ import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">},</span></span>
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">;</span></span>
<span class="line"></span></code></pre></div><p><strong>\u65B0\u624B\u5FC5\u770B\uFF0C\u8001\u9E1F\u8DF3\u8FC7</strong></p><p>\u5F88\u591A\u5C0F\u4F19\u4F34\u4F1A\u95EE\u6211\uFF0C\u9002\u914D\u7684\u95EE\u9898, \u56E0\u4E3A\u6211\u4EEC\u4F7F\u7528\u7684\u662F Vant UI\uFF0C\u6240\u4EE5\u5FC5\u987B\u6839\u636E Vant UI 375 \u7684\u8BBE\u8BA1\u89C4\u8303\u8D70\uFF0C\u4E00\u822C\u6211\u4EEC\u7684\u8BBE\u8BA1\u4F1A\u5C06 UI \u56FE\u4E0A\u4F20\u5230\u84DD\u6E56\uFF0C\u6211\u4EEC\u5C31\u53EF\u4EE5\u9700\u8981\u7684\u5C3A\u5BF8\u4E86\u3002\u4E0B\u9762\u5C31\u5927\u6982\u666E\u53CA\u4E00\u4E0B rem\u3002</p><p>\u6211\u4EEC\u77E5\u9053 <code>1rem</code> \u7B49\u4E8E <code>html</code> \u6839\u5143\u7D20\u8BBE\u5B9A\u7684 <code>font-size</code> \u7684 <code>px</code> \u503C\u3002Vant UI \u8BBE\u7F6E <code>rootValue: 37.5</code> , \u4F60\u53EF\u4EE5\u770B\u5230\u5728 iPhone 6 \u4E0B\u770B\u5230 \uFF08 <code>1rem \u7B49\u4E8E 37.5px</code> \uFF09\uFF1A</p><div class="language-html"><button class="copy"></button><span class="lang">html</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">html</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">data-dpr</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">1</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">style</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">font-size: 37.5px;</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;&lt;/</span><span style="color:#F07178;">html</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><p>\u5207\u6362\u4E0D\u540C\u7684\u673A\u578B\uFF0C\u6839\u5143\u7D20\u53EF\u80FD\u4F1A\u6709\u4E0D\u540C\u7684 <code>font-size</code> \u3002\u5F53\u4F60\u5199 css px \u6837\u5F0F\u65F6\uFF0C\u4F1A\u88AB\u7A0B\u5E8F\u6362\u7B97\u6210 <code>rem</code> \u8FBE\u5230\u9002\u914D\u3002</p><p>\u56E0\u4E3A\u6211\u4EEC\u7528\u4E86 Vant \u7684\u7EC4\u4EF6\uFF0C\u9700\u8981\u6309\u7167 <code>rootValue: 37.5</code> \u6765\u5199\u6837\u5F0F\u3002</p><p>\u4E3E\u4E2A\u4F8B\u5B50\uFF1A\u8BBE\u8BA1\u7ED9\u4E86\u4F60\u4E00\u5F20 750px * 1334px \u56FE\u7247\uFF0C\u5728 iPhone6 \u4E0A\u94FA\u6EE1\u5C4F\u5E55, \u5176\u4ED6\u673A\u578B\u9002\u914D\u3002</p><ul><li>\u5F53<code>rootValue: 75</code> , \u6837\u5F0F <code>width: 750px;height: 1334px;</code> \u56FE\u7247\u4F1A\u6491\u6EE1 iPhone6 \u5C4F\u5E55\uFF0C\u8FD9\u4E2A\u65F6\u5019\u5207\u6362\u5176\u4ED6\u673A\u578B\uFF0C\u56FE\u7247\u4E5F\u4F1A\u8DDF\u7740\u6491\u6EE1\u3002</li><li>\u5F53<code>rootValue: 37.5</code> \u7684\u65F6\u5019\uFF0C\u6837\u5F0F <code>width: 375px;height: 667px;</code> \u56FE\u7247\u4F1A\u6491\u6EE1 iPhone6 \u5C4F\u5E55\u3002</li></ul><p>\u4E5F\u5C31\u662F iphone 6 \u4E0B 375px \u5BBD\u5EA6\u5199 CSS\u3002\u5176\u4ED6\u7684\u4F60\u5C31\u53EF\u4EE5\u6839\u636E\u4F60\u8BBE\u8BA1\u56FE\uFF0C\u53BB\u5199\u5BF9\u5E94\u7684\u6837\u5F0F\u5C31\u53EF\u4EE5\u4E86\u3002</p><p>\u5F53\u7136\uFF0C\u60F3\u8981\u6491\u6EE1\u5C4F\u5E55\u4F60\u53EF\u4EE5\u4F7F\u7528 100%\uFF0C\u8FD9\u91CC\u53EA\u662F\u4E3E\u4F8B\u8BF4\u660E\u3002</p><div class="language-html"><button class="copy"></button><span class="lang">html</span><pre><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">img</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">class</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">image</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">src</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">https://www.sunniejs.cn/static/weapp/logo.png</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"></span></code></pre></div><p><strong>\u65B0\u624B\u5FC5\u770B\uFF0C\u8001\u9E1F\u8DF3\u8FC7</strong></p><p>\u5F88\u591A\u5C0F\u4F19\u4F34\u4F1A\u95EE\u6211\uFF0C\u9002\u914D\u7684\u95EE\u9898, \u56E0\u4E3A\u6211\u4EEC\u4F7F\u7528\u7684\u662F Vant UI\uFF0C\u6240\u4EE5\u5FC5\u987B\u6839\u636E Vant UI 375 \u7684\u8BBE\u8BA1\u89C4\u8303\u8D70\uFF0C\u4E00\u822C\u6211\u4EEC\u7684\u8BBE\u8BA1\u4F1A\u5C06 UI \u56FE\u4E0A\u4F20\u5230\u84DD\u6E56\uFF0C\u6211\u4EEC\u5C31\u53EF\u4EE5\u9700\u8981\u7684\u5C3A\u5BF8\u4E86\u3002\u4E0B\u9762\u5C31\u5927\u6982\u666E\u53CA\u4E00\u4E0B rem\u3002</p><p>\u6211\u4EEC\u77E5\u9053 <code>1rem</code> \u7B49\u4E8E <code>html</code> \u6839\u5143\u7D20\u8BBE\u5B9A\u7684 <code>font-size</code> \u7684 <code>px</code> \u503C\u3002Vant UI \u8BBE\u7F6E <code>rootValue: 37.5</code> , \u4F60\u53EF\u4EE5\u770B\u5230\u5728 iPhone 6 \u4E0B\u770B\u5230 \uFF08 <code>1rem \u7B49\u4E8E 37.5px</code> \uFF09\uFF1A</p><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">html</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">data-dpr</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">1</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">style</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">font-size: 37.5px;</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;&lt;/</span><span style="color:#F07178;">html</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"></span></code></pre></div><p>\u5207\u6362\u4E0D\u540C\u7684\u673A\u578B\uFF0C\u6839\u5143\u7D20\u53EF\u80FD\u4F1A\u6709\u4E0D\u540C\u7684 <code>font-size</code> \u3002\u5F53\u4F60\u5199 css px \u6837\u5F0F\u65F6\uFF0C\u4F1A\u88AB\u7A0B\u5E8F\u6362\u7B97\u6210 <code>rem</code> \u8FBE\u5230\u9002\u914D\u3002</p><p>\u56E0\u4E3A\u6211\u4EEC\u7528\u4E86 Vant \u7684\u7EC4\u4EF6\uFF0C\u9700\u8981\u6309\u7167 <code>rootValue: 37.5</code> \u6765\u5199\u6837\u5F0F\u3002</p><p>\u4E3E\u4E2A\u4F8B\u5B50\uFF1A\u8BBE\u8BA1\u7ED9\u4E86\u4F60\u4E00\u5F20 750px * 1334px \u56FE\u7247\uFF0C\u5728 iPhone6 \u4E0A\u94FA\u6EE1\u5C4F\u5E55, \u5176\u4ED6\u673A\u578B\u9002\u914D\u3002</p><ul><li>\u5F53<code>rootValue: 75</code> , \u6837\u5F0F <code>width: 750px;height: 1334px;</code> \u56FE\u7247\u4F1A\u6491\u6EE1 iPhone6 \u5C4F\u5E55\uFF0C\u8FD9\u4E2A\u65F6\u5019\u5207\u6362\u5176\u4ED6\u673A\u578B\uFF0C\u56FE\u7247\u4E5F\u4F1A\u8DDF\u7740\u6491\u6EE1\u3002</li><li>\u5F53<code>rootValue: 37.5</code> \u7684\u65F6\u5019\uFF0C\u6837\u5F0F <code>width: 375px;height: 667px;</code> \u56FE\u7247\u4F1A\u6491\u6EE1 iPhone6 \u5C4F\u5E55\u3002</li></ul><p>\u4E5F\u5C31\u662F iphone 6 \u4E0B 375px \u5BBD\u5EA6\u5199 CSS\u3002\u5176\u4ED6\u7684\u4F60\u5C31\u53EF\u4EE5\u6839\u636E\u4F60\u8BBE\u8BA1\u56FE\uFF0C\u53BB\u5199\u5BF9\u5E94\u7684\u6837\u5F0F\u5C31\u53EF\u4EE5\u4E86\u3002</p><p>\u5F53\u7136\uFF0C\u60F3\u8981\u6491\u6EE1\u5C4F\u5E55\u4F60\u53EF\u4EE5\u4F7F\u7528 100%\uFF0C\u8FD9\u91CC\u53EA\u662F\u4E3E\u4F8B\u8BF4\u660E\u3002</p><div class="language-html"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki"><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">img</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">class</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">image</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">src</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">https://www.sunniejs.cn/static/weapp/logo.png</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;"> /&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">style</span><span style="color:#89DDFF;">&gt;</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#676E95;">/* rootValue: 75 */</span></span>

2
assets/guide_vue3_viewport.md.25e154fe.lean.js → assets/guide_vue3_viewport.md.5620c164.lean.js
View File

@ -1 +1 @@
import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const i=JSON.parse('{"title":"viewport \u9002\u914D\u65B9\u6848","description":"","frontmatter":{},"headers":[{"level":2,"title":"PostCSS \u914D\u7F6E","slug":"postcss-\u914D\u7F6E","link":"#postcss-\u914D\u7F6E","children":[]}],"relativePath":"guide/vue3/viewport.md","lastUpdated":1665744343000}'),l={name:"guide/vue3/viewport.md"},o=p("",17),e=[o];function t(c,r,D,y,F,C){return n(),a("div",null,e)}const d=s(l,[["render",t]]);export{i as __pageData,d as default};
import{_ as s,o as n,c as a,d as p}from"./app.9df4ae05.js";const i=JSON.parse('{"title":"viewport \u9002\u914D\u65B9\u6848","description":"","frontmatter":{},"headers":[{"level":2,"title":"PostCSS \u914D\u7F6E","slug":"postcss-\u914D\u7F6E","link":"#postcss-\u914D\u7F6E","children":[]}],"relativePath":"guide/vue3/viewport.md","lastUpdated":1669356998000}'),l={name:"guide/vue3/viewport.md"},o=p("",17),e=[o];function t(c,r,D,y,F,C){return n(),a("div",null,e)}const d=s(l,[["render",t]]);export{i as __pageData,d as default};

2
assets/guide_vue3_vite.md.9267cb85.js → assets/guide_vue3_vite.md.43beb396.js
View File

@ -1 +1 @@
import{_ as e,o as i,c as t,d as l}from"./app.b03f2eea.js";const g=JSON.parse('{"title":"vite","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/vite.md","lastUpdated":1665744343000}'),n={name:"guide/vue3/vite.md"},a=l('<h1 id="vite" tabindex="-1">vite <a class="header-anchor" href="#vite" aria-hidden="true">#</a></h1><p>\u57FA\u4E8E\u539F\u751F ES \u6A21\u5757\u63D0\u4F9B\u4E86\u4E30\u5BCC\u7684\u5185\u5EFA\u529F\u80FD\uFF0C\u5982\u901F\u5EA6\u5FEB\u5230\u60CA\u4EBA\u7684\u6A21\u5757\u70ED\u66F4\u65B0\uFF08HMR\uFF09\uFF0C\u4F7F\u7528 Rollup \u6253\u5305\u4F60\u7684\u4EE3\u7801\uFF0C\u5E76\u4E14\u5B83\u662F\u9884\u914D\u7F6E\u7684\uFF0C\u53EF\u8F93\u51FA\u7528\u4E8E\u751F\u4EA7\u73AF\u5883\u7684\u9AD8\u5EA6\u4F18\u5316\u8FC7\u7684\u9759\u6001\u8D44\u6E90\u3002\u66F4\u591A\u5173\u4E8E<a href="https://cn.vitejs.dev/guide/" target="_blank" rel="noreferrer">vite</a></p><p>\u6A21\u7248\u96C6\u6210\u4E86\u5982\u4E0B\u7684 vite \u63D2\u4EF6</p><ul><li>unplugin-auto-import\uFF08\u6309\u9700\u52A0\u8F7D\uFF0C\u81EA\u52A8\u5F15\u5165\uFF09</li><li>unplugin-vue-components\uFF08\u6309\u9700\u52A0\u8F7D\uFF0C\u81EA\u52A8\u5F15\u5165\u7EC4\u4EF6\uFF09</li><li>vite-plugin-compression\uFF08\u5F00\u542F.gz \u538B\u7F29\uFF09</li><li>vite-plugin-eruda\uFF08\u63A7\u5236\u53F0\uFF0C\u65B9\u4FBF\u79FB\u52A8\u7AEF\u8C03\u8BD5\uFF09</li><li>vite-plugin-imagemin\uFF08\u56FE\u7247\u538B\u7F29\uFF09</li><li>vite-plugin-mock\uFF08\u5F15\u5165 mockjs\uFF0C\u672C\u5730\u6A21\u62DF\u63A5\u53E3\uFF09</li><li>vite-plugin-pages\uFF08\u52A8\u6001\u751F\u6210\u8DEF\u7531\uFF09</li><li>vite-plugin-progress\uFF08\u6784\u5EFA\u663E\u793A\u8FDB\u5EA6\u6761\uFF09</li><li>vite-plugin-restart\uFF08\u76D1\u542C\u914D\u7F6E\u6587\u4EF6\u4FEE\u6539\u81EA\u52A8\u91CD\u542F Vite\uFF09</li><li>vite-plugin-style-import\uFF08\u6309\u9700\u5F15\u5165\u6837\u5F0F\u6587\u4EF6\uFF09</li><li>vite-plugin-svg-icons\uFF08\u52A0\u8F7D SVG \u6587\u4EF6\uFF0C\u81EA\u52A8\u5F15\u5165\uFF09</li></ul>',4),r=[a];function s(o,p,u,_,c,v){return i(),t("div",null,r)}const m=e(n,[["render",s]]);export{g as __pageData,m as default};
import{_ as e,o as i,c as t,d as l}from"./app.9df4ae05.js";const g=JSON.parse('{"title":"vite","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/vite.md","lastUpdated":1669356998000}'),n={name:"guide/vue3/vite.md"},a=l('<h1 id="vite" tabindex="-1">vite <a class="header-anchor" href="#vite" aria-hidden="true">#</a></h1><p>\u57FA\u4E8E\u539F\u751F ES \u6A21\u5757\u63D0\u4F9B\u4E86\u4E30\u5BCC\u7684\u5185\u5EFA\u529F\u80FD\uFF0C\u5982\u901F\u5EA6\u5FEB\u5230\u60CA\u4EBA\u7684\u6A21\u5757\u70ED\u66F4\u65B0\uFF08HMR\uFF09\uFF0C\u4F7F\u7528 Rollup \u6253\u5305\u4F60\u7684\u4EE3\u7801\uFF0C\u5E76\u4E14\u5B83\u662F\u9884\u914D\u7F6E\u7684\uFF0C\u53EF\u8F93\u51FA\u7528\u4E8E\u751F\u4EA7\u73AF\u5883\u7684\u9AD8\u5EA6\u4F18\u5316\u8FC7\u7684\u9759\u6001\u8D44\u6E90\u3002\u66F4\u591A\u5173\u4E8E<a href="https://cn.vitejs.dev/guide/" target="_blank" rel="noreferrer">vite</a></p><p>\u6A21\u7248\u96C6\u6210\u4E86\u5982\u4E0B\u7684 vite \u63D2\u4EF6</p><ul><li>unplugin-auto-import\uFF08\u6309\u9700\u52A0\u8F7D\uFF0C\u81EA\u52A8\u5F15\u5165\uFF09</li><li>unplugin-vue-components\uFF08\u6309\u9700\u52A0\u8F7D\uFF0C\u81EA\u52A8\u5F15\u5165\u7EC4\u4EF6\uFF09</li><li>vite-plugin-compression\uFF08\u5F00\u542F.gz \u538B\u7F29\uFF09</li><li>vite-plugin-eruda\uFF08\u63A7\u5236\u53F0\uFF0C\u65B9\u4FBF\u79FB\u52A8\u7AEF\u8C03\u8BD5\uFF09</li><li>vite-plugin-imagemin\uFF08\u56FE\u7247\u538B\u7F29\uFF09</li><li>vite-plugin-mock\uFF08\u5F15\u5165 mockjs\uFF0C\u672C\u5730\u6A21\u62DF\u63A5\u53E3\uFF09</li><li>vite-plugin-pages\uFF08\u52A8\u6001\u751F\u6210\u8DEF\u7531\uFF09</li><li>vite-plugin-progress\uFF08\u6784\u5EFA\u663E\u793A\u8FDB\u5EA6\u6761\uFF09</li><li>vite-plugin-restart\uFF08\u76D1\u542C\u914D\u7F6E\u6587\u4EF6\u4FEE\u6539\u81EA\u52A8\u91CD\u542F Vite\uFF09</li><li>vite-plugin-style-import\uFF08\u6309\u9700\u5F15\u5165\u6837\u5F0F\u6587\u4EF6\uFF09</li><li>vite-plugin-svg-icons\uFF08\u52A0\u8F7D SVG \u6587\u4EF6\uFF0C\u81EA\u52A8\u5F15\u5165\uFF09</li></ul>',4),r=[a];function s(o,p,u,_,c,v){return i(),t("div",null,r)}const m=e(n,[["render",s]]);export{g as __pageData,m as default};

2
assets/guide_vue3_vite.md.9267cb85.lean.js → assets/guide_vue3_vite.md.43beb396.lean.js
View File

@ -1 +1 @@
import{_ as e,o as i,c as t,d as l}from"./app.b03f2eea.js";const g=JSON.parse('{"title":"vite","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/vite.md","lastUpdated":1665744343000}'),n={name:"guide/vue3/vite.md"},a=l("",4),r=[a];function s(o,p,u,_,c,v){return i(),t("div",null,r)}const m=e(n,[["render",s]]);export{g as __pageData,m as default};
import{_ as e,o as i,c as t,d as l}from"./app.9df4ae05.js";const g=JSON.parse('{"title":"vite","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/vite.md","lastUpdated":1669356998000}'),n={name:"guide/vue3/vite.md"},a=l("",4),r=[a];function s(o,p,u,_,c,v){return i(),t("div",null,r)}const m=e(n,[["render",s]]);export{g as __pageData,m as default};

2
assets/index.md.bc77359f.js → assets/index.md.9c19bcf6.js
View File

@ -1 +1 @@
import{_ as e,o as t,c as i}from"./app.b03f2eea.js";const d=JSON.parse('{"title":"Vue-H5-Template","titleTemplate":"\u4E00\u4E2A\u5FEB\u901F\u5F00\u53D1\u7684vue h5\u79FB\u52A8\u7AEF\u811A\u624B\u67B6","description":"","frontmatter":{"layout":"home","title":"Vue-H5-Template","titleTemplate":"\u4E00\u4E2A\u5FEB\u901F\u5F00\u53D1\u7684vue h5\u79FB\u52A8\u7AEF\u811A\u624B\u67B6","hero":{"name":"Vue-H5-Template","text":"\u4E00\u4E2A\u5FEB\u901F\u5F00\u53D1\u7684Vue H5\u79FB\u52A8\u7AEF\u811A\u624B\u67B6","image":{"src":"https://cdn.jsdelivr.net/gh/fonghehe/picture/vue-h5-template/logo.png","alt":"sunnie"},"actions":[{"theme":"brand","text":"\u5F00\u59CB","link":"/guide/"},{"theme":"alt","text":"Github\u4ED3\u5E93","link":"https://github.com/sunniejs/vue-h5-template"}]},"features":[{"icon":"\u{1F4A1}","title":"\u5F00\u7BB1\u5373\u7528","details":"\u96C6\u6210vue2\u3001vue3\u7684\u79FB\u52A8\u7AEF\u5FEB\u901F\u5F00\u53D1\u6A21\u7248\uFF0C\u5B66\u4E60\u6210\u672C\u4F4E\uFF0C\u6613\u4E0A\u624B"},{"icon":"\u{1F4E6}","title":"\u4EE3\u7801\u89C4\u8303","details":"\u5B8C\u6574\u7684eslint\u3001prettier\u3001stylelint\u89C4\u8303\uFF0C\u52A0\u4E0Ahusky\uFF0C\u5E2E\u52A9\u4F60\u66F4\u597D\u7684\u7BA1\u7406\u4EE3\u7801"},{"icon":"\u{1F6E0}\uFE0F","title":"\u914D\u7F6E\u4F18\u5316","details":"\u5B8C\u6574\u914D\u7F6E\u7684vue\u811A\u624B\u67B6\u63D2\u4EF6\u548C\u4F18\u5316\uFF0C\u8BA9\u4F60\u4E13\u6CE8\u4E8E\u4E1A\u52A1\u5F00\u53D1\uFF0C\u66F4\u9AD8\u6548"},{"icon":"\u2699\uFE0F","title":"More","details":"\u52A0\u5165\u6211\u4EEC\uFF0C\u66F4\u591A\u80FD\u529B\u7B49\u4F60\u6316\u6398...."}]},"headers":[],"relativePath":"index.md","lastUpdated":1665744343000}'),a={name:"index.md"};function n(l,s,o,r,c,p){return t(),i("div")}const m=e(a,[["render",n]]);export{d as __pageData,m as default};
import{_ as e,o as t,c as i}from"./app.9df4ae05.js";const d=JSON.parse('{"title":"Vue-H5-Template","titleTemplate":"\u4E00\u4E2A\u5FEB\u901F\u5F00\u53D1\u7684vue h5\u79FB\u52A8\u7AEF\u811A\u624B\u67B6","description":"","frontmatter":{"layout":"home","title":"Vue-H5-Template","titleTemplate":"\u4E00\u4E2A\u5FEB\u901F\u5F00\u53D1\u7684vue h5\u79FB\u52A8\u7AEF\u811A\u624B\u67B6","hero":{"name":"Vue-H5-Template","text":"\u4E00\u4E2A\u5FEB\u901F\u5F00\u53D1\u7684Vue H5\u79FB\u52A8\u7AEF\u811A\u624B\u67B6","image":{"src":"https://cdn.jsdelivr.net/gh/fonghehe/picture/vue-h5-template/logo.png","alt":"sunnie"},"actions":[{"theme":"brand","text":"\u5F00\u59CB","link":"/guide/"},{"theme":"alt","text":"Github\u4ED3\u5E93","link":"https://github.com/sunniejs/vue-h5-template"}]},"features":[{"icon":"\u{1F4A1}","title":"\u5F00\u7BB1\u5373\u7528","details":"\u96C6\u6210vue2\u3001vue3\u7684\u79FB\u52A8\u7AEF\u5FEB\u901F\u5F00\u53D1\u6A21\u7248\uFF0C\u5B66\u4E60\u6210\u672C\u4F4E\uFF0C\u6613\u4E0A\u624B"},{"icon":"\u{1F4E6}","title":"\u4EE3\u7801\u89C4\u8303","details":"\u5B8C\u6574\u7684eslint\u3001prettier\u3001stylelint\u89C4\u8303\uFF0C\u52A0\u4E0Ahusky\uFF0C\u5E2E\u52A9\u4F60\u66F4\u597D\u7684\u7BA1\u7406\u4EE3\u7801"},{"icon":"\u{1F6E0}\uFE0F","title":"\u914D\u7F6E\u4F18\u5316","details":"\u5B8C\u6574\u914D\u7F6E\u7684vue\u811A\u624B\u67B6\u63D2\u4EF6\u548C\u4F18\u5316\uFF0C\u8BA9\u4F60\u4E13\u6CE8\u4E8E\u4E1A\u52A1\u5F00\u53D1\uFF0C\u66F4\u9AD8\u6548"},{"icon":"\u2699\uFE0F","title":"More","details":"\u52A0\u5165\u6211\u4EEC\uFF0C\u66F4\u591A\u80FD\u529B\u7B49\u4F60\u6316\u6398...."}]},"headers":[],"relativePath":"index.md","lastUpdated":1669356998000}'),a={name:"index.md"};function n(l,s,o,r,c,p){return t(),i("div")}const m=e(a,[["render",n]]);export{d as __pageData,m as default};

2
assets/index.md.bc77359f.lean.js → assets/index.md.9c19bcf6.lean.js
View File

@ -1 +1 @@
import{_ as e,o as t,c as i}from"./app.b03f2eea.js";const d=JSON.parse('{"title":"Vue-H5-Template","titleTemplate":"\u4E00\u4E2A\u5FEB\u901F\u5F00\u53D1\u7684vue h5\u79FB\u52A8\u7AEF\u811A\u624B\u67B6","description":"","frontmatter":{"layout":"home","title":"Vue-H5-Template","titleTemplate":"\u4E00\u4E2A\u5FEB\u901F\u5F00\u53D1\u7684vue h5\u79FB\u52A8\u7AEF\u811A\u624B\u67B6","hero":{"name":"Vue-H5-Template","text":"\u4E00\u4E2A\u5FEB\u901F\u5F00\u53D1\u7684Vue H5\u79FB\u52A8\u7AEF\u811A\u624B\u67B6","image":{"src":"https://cdn.jsdelivr.net/gh/fonghehe/picture/vue-h5-template/logo.png","alt":"sunnie"},"actions":[{"theme":"brand","text":"\u5F00\u59CB","link":"/guide/"},{"theme":"alt","text":"Github\u4ED3\u5E93","link":"https://github.com/sunniejs/vue-h5-template"}]},"features":[{"icon":"\u{1F4A1}","title":"\u5F00\u7BB1\u5373\u7528","details":"\u96C6\u6210vue2\u3001vue3\u7684\u79FB\u52A8\u7AEF\u5FEB\u901F\u5F00\u53D1\u6A21\u7248\uFF0C\u5B66\u4E60\u6210\u672C\u4F4E\uFF0C\u6613\u4E0A\u624B"},{"icon":"\u{1F4E6}","title":"\u4EE3\u7801\u89C4\u8303","details":"\u5B8C\u6574\u7684eslint\u3001prettier\u3001stylelint\u89C4\u8303\uFF0C\u52A0\u4E0Ahusky\uFF0C\u5E2E\u52A9\u4F60\u66F4\u597D\u7684\u7BA1\u7406\u4EE3\u7801"},{"icon":"\u{1F6E0}\uFE0F","title":"\u914D\u7F6E\u4F18\u5316","details":"\u5B8C\u6574\u914D\u7F6E\u7684vue\u811A\u624B\u67B6\u63D2\u4EF6\u548C\u4F18\u5316\uFF0C\u8BA9\u4F60\u4E13\u6CE8\u4E8E\u4E1A\u52A1\u5F00\u53D1\uFF0C\u66F4\u9AD8\u6548"},{"icon":"\u2699\uFE0F","title":"More","details":"\u52A0\u5165\u6211\u4EEC\uFF0C\u66F4\u591A\u80FD\u529B\u7B49\u4F60\u6316\u6398...."}]},"headers":[],"relativePath":"index.md","lastUpdated":1665744343000}'),a={name:"index.md"};function n(l,s,o,r,c,p){return t(),i("div")}const m=e(a,[["render",n]]);export{d as __pageData,m as default};
import{_ as e,o as t,c as i}from"./app.9df4ae05.js";const d=JSON.parse('{"title":"Vue-H5-Template","titleTemplate":"\u4E00\u4E2A\u5FEB\u901F\u5F00\u53D1\u7684vue h5\u79FB\u52A8\u7AEF\u811A\u624B\u67B6","description":"","frontmatter":{"layout":"home","title":"Vue-H5-Template","titleTemplate":"\u4E00\u4E2A\u5FEB\u901F\u5F00\u53D1\u7684vue h5\u79FB\u52A8\u7AEF\u811A\u624B\u67B6","hero":{"name":"Vue-H5-Template","text":"\u4E00\u4E2A\u5FEB\u901F\u5F00\u53D1\u7684Vue H5\u79FB\u52A8\u7AEF\u811A\u624B\u67B6","image":{"src":"https://cdn.jsdelivr.net/gh/fonghehe/picture/vue-h5-template/logo.png","alt":"sunnie"},"actions":[{"theme":"brand","text":"\u5F00\u59CB","link":"/guide/"},{"theme":"alt","text":"Github\u4ED3\u5E93","link":"https://github.com/sunniejs/vue-h5-template"}]},"features":[{"icon":"\u{1F4A1}","title":"\u5F00\u7BB1\u5373\u7528","details":"\u96C6\u6210vue2\u3001vue3\u7684\u79FB\u52A8\u7AEF\u5FEB\u901F\u5F00\u53D1\u6A21\u7248\uFF0C\u5B66\u4E60\u6210\u672C\u4F4E\uFF0C\u6613\u4E0A\u624B"},{"icon":"\u{1F4E6}","title":"\u4EE3\u7801\u89C4\u8303","details":"\u5B8C\u6574\u7684eslint\u3001prettier\u3001stylelint\u89C4\u8303\uFF0C\u52A0\u4E0Ahusky\uFF0C\u5E2E\u52A9\u4F60\u66F4\u597D\u7684\u7BA1\u7406\u4EE3\u7801"},{"icon":"\u{1F6E0}\uFE0F","title":"\u914D\u7F6E\u4F18\u5316","details":"\u5B8C\u6574\u914D\u7F6E\u7684vue\u811A\u624B\u67B6\u63D2\u4EF6\u548C\u4F18\u5316\uFF0C\u8BA9\u4F60\u4E13\u6CE8\u4E8E\u4E1A\u52A1\u5F00\u53D1\uFF0C\u66F4\u9AD8\u6548"},{"icon":"\u2699\uFE0F","title":"More","details":"\u52A0\u5165\u6211\u4EEC\uFF0C\u66F4\u591A\u80FD\u529B\u7B49\u4F60\u6316\u6398...."}]},"headers":[],"relativePath":"index.md","lastUpdated":1669356998000}'),a={name:"index.md"};function n(l,s,o,r,c,p){return t(),i("div")}const m=e(a,[["render",n]]);export{d as __pageData,m as default};

1
assets/style.70ef6c56.css
View File

File diff suppressed because one or more lines are too long

1
assets/style.945470d4.css Normal file
View File

File diff suppressed because one or more lines are too long

16
guide/about/index.html
View File

File diff suppressed because one or more lines are too long

18
guide/edit.html
View File

File diff suppressed because one or more lines are too long

16
guide/index.html
View File

File diff suppressed because one or more lines are too long

22
guide/question/index.html Normal file
View File

File diff suppressed because one or more lines are too long

16
guide/start.html
View File

File diff suppressed because one or more lines are too long

18
guide/vue2/alias.html
View File

File diff suppressed because one or more lines are too long

22
guide/vue2/axios.html
View File

File diff suppressed because one or more lines are too long

22
guide/vue2/base.html
View File

File diff suppressed because one or more lines are too long

20
guide/vue2/bundle.html
View File

File diff suppressed because one or more lines are too long

Some files were not shown because too many files have changed in this diff Show More