chrome擴(kuò)展程序使用vuejs出現(xiàn)問(wèn)題?
剛學(xué)著寫chrome的插件,循環(huán)歷史記錄的時(shí)候想用vuejs試一試列表循環(huán),結(jié)果發(fā)現(xiàn)vuejs并沒(méi)有報(bào)錯(cuò)但是數(shù)據(jù)位置都變成了空白的。
下面是簡(jiǎn)化的內(nèi)容:
index.html:
<body> <div id="app"> <h1 id="pageTitle">##{{title}}</h1> </div> <script src="jquery.js"></script> <script src="vue.min.js"></script> <script src="app.js"></script></body>
app.js:
console.log($("#pageTitle").text()) //結(jié)果為 "##{{title}}" var app = new Vue({ el:"#app", d<愛(ài)尬聊_百科大全>ata:{ title:"新的頁(yè)面" } }) console.log(app.title) // 結(jié)果為 "新的頁(yè)面"console.log($("#pageTitle").text()) //結(jié)果為 "##",理想結(jié)果應(yīng)該是"##新的頁(yè)面"
hongw 12小時(shí)前
chrome extension 的運(yùn)行環(huán)境有一些特殊要求,稱為 Content Security Policy (CSP),使得通常的 vue 不能被正常使用。如果用的是 vue 1.x,那么可以下載 csp 版本,在 這里。如果是 2.x 版本,請(qǐng)參考官網(wǎng)文檔的這一段。