runtime-only: about 6kb lighter min+gzip, but templates (or any vue-specifichtml) are only allowed in .vue files - render functions are required elsewhere(翻譯:僅執行程式: 比上面那種模式輕大約 6kb ,但是 template只允許在.vue檔案中使用,而其他地方用需要 render 函式)
首先將vue中的模板進行解析解析成abstract syntax tree (ast)抽象語法樹
將抽象語法樹在編譯成render函式
將render函式再翻譯成virtual dom(虛擬dom)
將虛擬dom顯示在瀏覽器上
runtime-only比runtime-compiler快,因為它省略了從template到ast再到render的過程
runtime-only模式中不是沒有寫 template,只是把 template 放在了.vue 的檔案中了,並有乙個叫vue-template-compiler的在開發依賴時將.vue檔案中的 template 解析成 render 函式,因為是開發依賴,不在最後生產中,所以最後生產出來的執行的**沒有template
在前後端分離的基礎上加了一層前端路由,只向伺服器請求一次html+css+js**,根據前端路由的對映關係,分離出不同路由對應頁面的**,進行渲染,頁面切換時,不會再向服務端傳送請求。
//通過hash來修改url
location.hash = 'foo';
//通過history來修改
history.pushstate({},'','home');//入棧
history.back();//出棧
history.replacestate({},'','four');//替換棧頂的元素
history.go(-1);//後退乙個頁面
history.forward(1);//前進乙個頁面
匯入外掛程式
import vuerouter from 'vue-router';
安裝外掛程式
vue.use(vuerouter);
建立路由元件
配置對映關係
const routes = [,
, ,
],meta:
}, },
}, }];
將router物件傳入vue例項中
import router from './router/index.js'
使用 首頁
關於
const router = new vuerouter();
當前處於活躍狀態的router-link的style屬性,可以通過建立router時來修改該class的名稱
const router = new vuerouter();
第六天學習
變數的作用域 區域性變數 在函式內部定義的變數,這個變數只能在函式內部使用,在全域性當中不能使用。使用就報錯了。全域性變數 在函式外部定義的變數,這個變數可以在全域性使用。但是我們一般不推薦使用全域性變數 因為可能會意外的修改掉變數的值。迫不得已不要用全域性變數 衝突處理原則 就近原則。而不是從上到...
學習第六天
還有九天,我就要去參加北大3日遊了。滑稽 像我這樣的蒟蒻去那也就是旅遊模式吧!無所謂了,隨便去考考,說不定有優秀營員呢?滑稽 不可能,絕對不可能 相信自己好了。這麼多天,好像把面試給忘了,雖然有人說面試是瞎 但是還是要準備準備的 明天看吧!還有什麼知識點沒看嗎?我們來看看st表和hash表吧!先看看...
學習android第六天
activity簡介 當在乙個activity中按下返回時,android os會自動銷毀activity物件 當在乙個activity中啟動另乙個activity時,當前activity不會被銷毀,而是被壓入activity棧中 activity的建立 1 自定義類,繼承activity 2 複寫...