Vuejs基本知識 四 頁面渲染過程

只有知道了乙個頁面是如何被渲染出來的，我們才可以更好的理解框架和除錯**。 下面我們就來仔細看一下這個過程。

最初的最初，我們要知道./build/webpack.base.conf.js這個檔案，是webpack打包的主要配置檔案. 乙個典型的**如下：

var path =

require
('path'
)var utils =
require
('./utils'
)var config =
require
('../config'
)var vueloaderconfig =
require
('./vue-loader.conf'
)function
resolve
(dir)
module.exports =
, output:
, resolve:},
module:,,
},}]
}}

module.exports =

}

因為我們每次開啟的都是 『http://localhost/#/』, 實際上開啟的檔案是 『http://localhost/#/index.html』

所以找到index.html，可以看到它的內容如下；

>
>
charset
="utf-8"
>
>
演示vue的demotitle
>
head
>
>
>
div>
body
>
html
>

這個index.html檔案是最外層的 模板。

我們回頭看src/main.js， 它的內容如下；

上面**中的, 這個就是第二層的模板。 可以認為該頁面的內容，就是在這個位置被渲染出來的。

, 這個元素跟index.html中的是同乙個元素（暫且這麼理解）

所有的中的內容，都會被自動替換。

中的**則是指令碼**。 至此，整個過程就出來了。

vuejs 就是最典型的ajax工作方式: 只渲染部分頁面.

**中，如下圖所示:

>
>
charset
="utf-8"
>
>
演示vue的demotitle
>
head
>
>
>
div>
body
>
html
>

這個技術，就是靠 vuejs 的核心元件vue-router來實現的。

qq郵箱是屬於: url無法跟某個頁面一一對應的專案.

所有頁面的跳轉,都無法根據url 來判斷

最大的特點： 無法儲存頁面的狀態， 難以除錯， 無法根據url直接進入某個頁面。

javascript基本知識整理四

dom操作 使用getelement系列方法實現dom元素的查詢和定位 使用core dom標準操作實現節點的增刪該查 dom？通過dom可以動態改變文件內容 解析文件並生成dom樹 通過標準介面 程式語言改變文件內容 訪問指定節點的方法 getelementbyid getelementsbyna...

Vuejs基本知識 一 專案資料夾基本結構

根據前面章節，我們安裝了webpack,vue cli,並執行成功，看到了vuejs的第乙個頁面。那麼首先，我們需要對webpack 下的vuejs有個全面的了解。在我們執行了命令後，vue init webpack my project會生成乙個嶄新的專案。它的檔案結構如下 build 編譯用到的...

Oracle 基本知識

乙個表空間只能屬於乙個資料庫 每個資料庫最少有乙個控制檔案 建議3個，分別放在不同的磁碟上 每個資料庫最少有乙個表空間 system表空間 建立system表空間的目的是盡量將目的相同的表存放在一起，以提高使用效率，只應存放資料字典 每個資料庫最少有兩個聯機日誌組，每組最少乙個聯機日誌檔案 乙個資料...