Vue學習(第六天)

2021-10-19 08:56:29 字數 1588 閱讀 5701

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 複寫...