global.jsファイルをJadeと話すにはどうすればよいですか？

Question

データベースからいくつかのデータを読み込んでいるグローバルなJavaScriptファイルがあります。

//globals.js 
var thisUserObject = userListData[arrayPosition]; 

//Populate Info Box 
$('#carInfoReg').text(thisUserObject.reg); 
$('#carPhoto').source(thisUserObject.LinkImage); 

thisUserObject.LinkImageの内容は、（正しくは「http：//」でフォーマット）のリンクであると私は私のヒスイのファイル内の画像タグのsource属性を設定するためにそれを使用したいと思います。

br 
    strong Photo 
    img(src='#{carPhoto}') 

しかし、何も表示していません。

私は間違っていますか？ globals.jsファイルのデータを使ってjadeとどのように対話できますか？

Answer 1

翡翠がコンパイルされると、もはや翡翠とは関係がありません。あなただけがそれを動作させる場合は、vueが最適です。非常に直感的です。
ジェイド：

script(src="https://cdn.jsdelivr.net/vue/latest/vue.js") 
#app 
    br 
    strong Photo 
    img(src='{{carPhoto}}') 

JS：

var vm = new Vue({ 
    el: '#app', 
    data: { 
     imgSrc: "http:www.foo.com", 
     carInfoReg: " This carInfoReg " 
    } 
}); 
// it is easy to manipulate the data inside vue. 
//when you update data of Vue instance, its view will be updated automatically. 
vm.imgSrc = "http://www.bar.com/dwagsgd"; 

JSFiddle