blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-25 02:41:46 +08:00
Code Issues Projects Releases Wiki Activity

docs: update cdn guide

Browse Source
This commit is contained in:
chenjiahan 2020-09-01 16:58:57 +08:00
parent dccacaaf1f
commit 64c650d0ba
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
docs/markdown/quickstart.en-US.md
View File

@ -102,19 +102,20 @@ The easiest way to use Vant is to include a CDN link in the html file, after whi
<!-- import style --> <!-- import style -->
<link <link
rel="stylesheet" rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/vant@2.9/lib/index.css" href="https://cdn.jsdelivr.net/npm/vant@next/lib/index.css"
/> />
<!-- import script --> <!-- import script -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2.9/lib/vant.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vant@next/lib/vant.min.js"></script>
<script> <script>
// Render the Button component // Render the Button component
new Vue({ const app = Vue.createApp({
el: '#app',
template: `<van-button>Button</van-button>`, template: `<van-button>Button</van-button>`,
}); });
app.use(vant);
app.mount('#app');
// Call function component // Call function component
vant.Toast('Message'); vant.Toast('Message');

11
docs/markdown/quickstart.zh-CN.md
View File

@ -119,19 +119,20 @@ app.use(Vant);
<!-- 引入样式文件 --> <!-- 引入样式文件 -->
<link <link
rel="stylesheet" rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/vant@2.9/lib/index.css" href="https://cdn.jsdelivr.net/npm/vant@next/lib/index.css"
/> />
<!-- 引入 Vue 和 Vant 的 JS 文件 --> <!-- 引入 Vue 和 Vant 的 JS 文件 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2.9/lib/vant.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vant@next/lib/vant.min.js"></script>
<script> <script>
// 在 #app 标签下渲染一个按钮组件 // 在 #app 标签下渲染一个按钮组件
new Vue({ const app = Vue.createApp({
el: '#app',
template: `<van-button>按钮</van-button>`, template: `<van-button>按钮</van-button>`,
}); });
app.use(vant);
app.mount('#app');
// 调用函数组件，弹出一个 Toast // 调用函数组件，弹出一个 Toast
vant.Toast('提示'); vant.Toast('提示');