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

packages/coupon-list/Item.vue

@@ -3,11 +3,11 @@
     <div :class="b('content')">
       <div :class="b('head')">
         <h2 v-html="faceAmount" />
-        <p>{{ conditionMessage }}</p>
+        <p v-text="conditionMessage" />
       </div>
       <div :class="b('body')">
-        <h2>{{ data.name }}</h2>
-        <p>{{ validPeriod }}</p>
+        <h2 v-text="data.name" />
+        <p v-text="validPeriod" />
         <checkbox
           v-if="chosen"
           :value="true"
@@ -17,10 +17,9 @@
     </div>
     <p
       v-if="disabled && data.reason"
+      v-text="data.reason"
       :class="b('reason')"
-    >
-      {{ data.reason }}
-    </p>
+    />
   </div>
 </template>
 

packages/coupon-list/index.vue

@@ -44,7 +44,7 @@
             :class="b('empty')"
           >
             <img src="https://img.yzcdn.cn/v2/image/wap/trade/new_order/empty@2x.png">
-            <p>{{ $t('empty') }}</p>
+            <p v-text="$t('empty')" />
           </div>
         </div>
       </tab>
@@ -65,7 +65,7 @@
             :class="b('empty')"
           >
             <img src="https://img.yzcdn.cn/v2/image/wap/trade/new_order/empty@2x.png">
-            <p>{{ $t('empty') }}</p>
+            <p v-text="$t('empty')" />
           </div>
         </div>
       </tab>