vue兩個版本的淺析：vue.js和vue.runtime.js

兩個版本對應的文件

（一）完整版

• 開發版：vue.js
• 生產版：vue.min.js

（二）運行時版

• 開發版：vue.runtime.js
• 生產版：vue.runtime.min.js

template和render的用法

（一）template

1. 類型：string
2. 詳細：
   一個字符串模板做爲 Vue 實例的標識使用。模板將會替換掛載的元素。掛載元素的內容都將被忽略，除非模板的內容有分發插槽。
3. 其餘：只適用於vue的完整版中，與el屬性配合使用。

（二）render

1. 類型：function
2. 詳細：
   接收一個回調函數h（h爲vue中內置的回調函數），h包含兩個參數。第一個參數爲渲染的dom對象名（字符串），第二個參數爲dom內的內容。例如：render(h){ h('div','hello vue') }

完整版和進行時版的詳細對比

	Vue完整版	Vue進行時版	詳細
特色	有compiler	無compiler	compiler用於翻譯template語法，佔%40的體積
視圖	寫在HTML或template模板中	寫在render裏用h建立標籤	h是vue內置的回調函數
cdn引入	vue.js	vue.runtime.js	分開發版和生產版
webpack引入	配置alias	默認	詳情見vue官網
@vue/cli引入	額外配置	默認	詳情見vue官網

在codesandbox中使用vue

1. 地址欄：codesandbox.io
2. 點擊create sandbox
3. 不要註冊！不要註冊！不要註冊！註冊以後只建立50個項目
4. 評價：功能很是強大！