[improvement] Template: use v-text instead of mustache (#2404)

packages/sku/components/SkuHeader.vue

@@ -10,7 +10,10 @@
       <img :src="goodsImg">
     </div>
     <div :class="b('goods-info')">
-      <div class="van-sku__goods-name van-ellipsis">{{ goods.title }}</div>
+      <div
+        v-text="goods.title"
+        class="van-sku__goods-name van-ellipsis"
+      />
       <!-- price display area -->
       <slot />
       <icon

packages/sku/components/SkuRowItem.vue

@@ -1,14 +1,13 @@
 <template>
   <span
+    v-text="skuValue.name"
     class="van-sku-row__item"
     :class="{
       'van-sku-row__item--active': isChoosed,
       'van-sku-row__item--disabled': !isChoosable
     }"
     @click="onSelect"
-  >
-    {{ skuValue.name }}
-  </span>
+  />
 </template>
 
 <script>

packages/sku/components/SkuStepper.vue

@@ -14,16 +14,14 @@
     </div>
     <div
       v-if="!hideStock"
+      v-text="stockText"
       class="van-sku__stock"
-    >
-      {{ stockText }}
-    </div>
+    />
     <div
       v-if="!hideQuotaText && quotaText"
+      v-text="quotaText"
       class="van-sku__quota"
-    >
-      {{ quotaText }}
-    </div>
+    />
   </div>
 </template>