1、新建html文檔,然后在head標簽中引入vue的js文件,這里以引入cdn文件為例:
2、在body標簽中添加一個id為“app”的div標簽,然后在這個div標簽中再添加一個div標簽,在vue中添加一個變量數據,然后用“{{}}”符號將變量引入到div標簽中,并且在標簽中添加“v-html="變量"v-html="變量"”屬性:
3、用瀏覽器打開html文檔,這時可以在頁面中看到被v-html指令添加的html元素:
html中的js變量是全局變量,在JavaScript中聲明變量如果不寫"let",將聲明為全局變量,即頁面所有該名稱數據保持一致,那么就可以視它為全局變量。在聲明變量時,前面加上"let"即可。
本例的重點是“window.execscript”方法,execscript所執行的腳本是針對整個全局域的。將“varText”變量設置為window對象的屬性,則在全局中都可以調用此變量v-bind:屬性=“ ‘字符串'+自定義變量名”,自己試了沒問題,有需要的朋友可以借鑒下!
最后需要注意一下屬性一定是":屬性="這種形式才會起作用。