我只是使用jQuery與vue.js。我的情況是,我試圖通過jquery向main.html注入側邊欄html代碼(使用vue語法)。但是,在我將sidebar.html注入到main.html後,vue.js無法編譯註入的vue的語法。那麼任何人都可以幫我解決這個問題嗎? vue是否具有角度範圍的功能?應用程序?Vue範圍新鮮
Q
Vue範圍新鮮
0
A
回答
0
0
vue是否具有像角度範圍的功能?應用程序?
正如它說的here,Vue異步執行DOM更新。無論何時觀察到數據變化,它都會打開一個隊列並緩衝在同一個事件循環中發生的所有數據變化。在下一個事件循環「打勾」中,Vue刷新隊列並執行實際工作。
爲了等到Vue.js完成數據更改後更新DOM,可以在數據更改後立即使用Vue.nextTick(回調)。回調將在DOM更新後調用,這與AngularJS類似,您將代碼封裝在$ apply()中並啓動$ digest循環。
代碼示例:
HTML
<div id="example">{{ message }}</div>
JS
var vm = new Vue({
el: '#example',
data: {
message: '123'
}
})
vm.message = 'new message' // change data
vm.$el.textContent === 'new message' // false
Vue.nextTick(function() {
vm.$el.textContent === 'new message' // true
})
爲什麼你的代碼沒有工作可找只在代碼後進行診斷。
+0
我注入了我的代碼與jquery和{{item.title}} {{item.detail}}無法呈現。 –
相關問題
- 1. Vue的嵌套定製組件範圍
- 2. vue視圖中的變量範圍
- 3. 的範圍更新
- 4. iphone新鮮書
- 5. Jquery移動雙範圍滑塊重新加載新範圍
- 6. CDI - 會話範圍 - 每個請求範圍的新會話範圍
- 7. 從全局範圍訪問定義的Vue組件
- 8. Vue 2組件循環訪問循環 - 實例/範圍問題
- 9. Vue範圍:如何延遲@mouseover的處理
- 10. Vue的JS - 環路通孔V-爲X次(範圍)
- 11. Vue axios承諾範圍不與當前組件綁定
- 12. $範圍未更新 - 控制器規範
- 13. $ ionicModal無法更新$範圍?
- 14. 更新$範圍內.then?
- 15. 重新縮放範圍
- 16. 表單上的新範圍
- 17. 更新範圍內對象
- 18. AngularJS - 父範圍未更新
- 19. 範圍。$看更新模型
- 20. angularjs範圍值不更新
- 21. 角度範圍不更新
- 22. 使用「新」的類範圍
- 23. 創建新範圍示例
- 24. NoUIslider - 更新範圍按需
- 25. 如何更新範圍值
- 26. 刷新範圍完成
- 27. 更新範圍的一半
- 28. Coq中的新範圍
- 29. AngularJS/jQuery的 - 更新範圍
- 30. AngularJS - 範圍不更新
我的問題是,我必須用相同的側邊欄製作很多html頁面,所以我需要單獨注入側邊欄。你有另一個想法做到這一點? –
哦,那是一件非常擅長的事情,不需要jquery。所以如果你只是從你的側邊欄組件中創建一個包,然後將該包文件包含到html頁面中。
爲了使一個JS束,我建議嘗試的[VUE-CLI(https://github.com/vuejs/vue-cli )並使用webpack-simple模板進行遊戲。 –謝謝。我會嘗試 –