當前位置:
首頁 >
VUE字面量语法
發布時間:2023/12/31
31
豆豆
在使用props進行計算時一定要注意,運算的數字還是字符串或其他特殊性字符,在這里我們演示一下,運算時數字和字符串的情況。
實例:
<!DOCTYPE html><html lang="en"><head><script type="text/javascript" src="vue.js"></script><meta charset="UTF-8"><title></title></head><body><div id="app1"><div><child my-message="1"></child> <!--字符串運算--></div><div><child :my-message="1"></child> <!--數值運算--></div></div><script>Vue.config.debug = true;Vue.component('child',{props: ['myMessage'], <!--定義props-->template: '<span>{{ myMessage + 1}}</span><div>{{ myMessage + "a"}}</div><div>{{ myMessage + 1.23}}</div>'}); <!--模板的拼接-->var vm = new Vue({el: '#app1'});</script></body></html>結果:
111a11.2321a2.23結論:
如果是數字運算則要在子組件標簽元素前面加上冒號。字符串可以直接進行運算,如果 是數字與數字運算,則結果是數字。字符串與數字運算,最終都會轉化成字符串的拼接。
總結
- 上一篇: 时之恋人是不是限定的
- 下一篇: 顺丰速运如何开发票(顺丰快递单号查询)