📝 docs(vuepress): update interpolation

closes #727
kazupon · Oct 15, 2019 · 3689049 · 3689049
1 parent 3217212
commit 3689049
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/vuepress/guide/interpolation.md b/vuepress/guide/interpolation.md
@@ -107,8 +107,12 @@ It's more convenient to use the named slots syntax. For example:
 <div id="app">
   <!-- ... -->
   <i18n path="info" tag="p">
-    <span slot="limit">{{ changeLimit }}</span>
-    <a slot="action" :href="changeUrl">{{ $t('change') }}</a>
+    <template v-slot:limit>
+      <span>{{ changeLimit }}</span>
+    </template>
+    <template v-slot:action>
+      <a :href="changeUrl">{{ $t('change') }}</a>
+    </template>
   </i18n>
   <!-- ... -->
 </div>
@@ -157,8 +161,12 @@ In Vue 2.6 and later, you can can use the following slots syntax in templates:
 <div id="app">
   <!-- ... -->
   <i18n path="info" tag="p">
-    <span v-slot:limit>{{ changeLimit }}</span>
-    <a v-slot:action :href="changeUrl">{{ $t('change') }}</a>
+    <template #limit>
+      <span>{{ changeLimit }}</span>
+    </template>
+    <template #action>
+      <a :href="changeUrl">{{ $t('change') }}</a>
+    </template>
   </i18n>
   <!-- ... -->
 </div>