用v-html在要新增的地方加入,可以看到原本的字被取代了
任意渲染容易導致XSS攻擊,官方文件,輸入留言訊息不使用。
在要綁定的地方給予v-once值,這樣綁定的目標就只會輸出一次
<div v-text="text" v-once>請將此欄位改為單次綁定</div>
直接撰寫,在要顯示的地方{{ A + B }}將兩個值串接
var app = new Vue({
el:'#app',
data:{
add:'內湖',
name:'金城武'
},
}) //{{ add + name }} 內湖金城武
也可直接用number相加相乘,如果是字串(num:'100',num2:'200';)時相加會便成100200
var app = new Vue({
el: '#app',
data: {
num1:100,
num2:200,
},
});
//{{num1 + num2}} == 300
//{{num1 * num2}} == 20000
var app = new Vue({
el: '#app',
data: {
htmlID:'HTMLID',
},
});
<div v-bind:id="htmlID">請綁上ID</div>