vue mxgraph渲染xml页面_Vue的两个版本
Vue.js分為兩個版本，簡單來說就是一個是完整版vue.js，一個是非完整版vue.runtime.js：
1. HTML的書寫位置不同
完整版：
完整版的HTML書寫的位置有兩個，一個是直接在 *.html 文件中使用 Vue 語法，如下所示：
index.html文件
main.js文件
另外一個位置是寫在Vue實例創(chuàng)建時的template選項里，并且該部分內(nèi)容會完全覆蓋html文件中對應(yīng)的位置，而不是僅僅包含在里面，因此也要加上對象的外層<div id="app"> </div>如下所示：
index.html文件
main.js文件
非完整版：
非完整版的HTML的書寫位置也有兩種方式，一個是直接寫在 Vue 實例創(chuàng)建時的 render() 函數(shù)選項里，遵循createElement函數(shù)傳參創(chuàng)建元素的形式。如下所示：
index.html文件
main.js文件
這樣的render函數(shù)里面創(chuàng)建 html元素的方法是不是看起來/寫起來都很麻煩，因此，Vue 的作者就幫助我們以更簡單明了的方式提供了 *.vue 文件，通過 vue-loader 在文件編譯時將 *.vue 文件轉(zhuǎn)化成對應(yīng)的 render() 函數(shù)里的復(fù)雜的創(chuàng)建語法，相比起來，*.vue 文件的語法就清晰明了多了，如下所示：
index.html文件
demo.vue文件
main.js文件
補充：大部分情況下 createElement 會寫成 h，都是創(chuàng)建元素的意思，即 render(h) 和 render(createElement) 是一樣的，寫 h 更簡單些。在 .vue 文件中的 <template></template> 標簽里面的內(nèi)容不是 HTML 語法，是 XML 語法，因此應(yīng)遵循 XML 的語法標準。XML 和 HTML 語法差不多，但是 XML 相比于 HTML 要更嚴格一些，比如在 XML 中有閉合標簽一說，且單標簽必須閉合，如 <input/> ，但在 HTML 中單標簽不閉合是正確的、最新的語法。同時還有一個區(qū)別是在 XML 中當(dāng)標簽內(nèi)沒有內(nèi)容時可直接 / 閉合，如 <div/> ，但在 HTML 中，則不行。嚴格的 XML 語法比松散的 HTML 語法相比起來更容易編譯，因此 Vue 就選擇了 XML 語法
2. 是否有 compiler 和 vue-loader
完整版
完整版是一定要有 compiler 即編譯器的，編譯器的作用就是將 Vue 語句在編譯時還原成 html 元素才能在瀏覽器上渲染出來，完整版的 Vue 是通過編譯器來實現(xiàn)的，因此完整版有 compiler 。
由于完整版沒有用到 *.vue文件，因此不含有 vue-loader。
非完整版
非完整版用到了 *.vue文件，而 vue-loader 就是將*.vue文件翻譯成 render() 函數(shù)里元素創(chuàng)建語法的。因此非完整版用到了 vue-loader ，但是沒有用到 compiler 即編譯器，因為 render() 函數(shù)就是渲染 html 元素的，不再需要編譯器。
3. 二者優(yōu)缺點
完整版
優(yōu)點：
缺點：
非完整版
優(yōu)點：
缺點：
總結(jié)
目前 Vue 的使用基本都是非完整版，@vue/cli引入 和 webpack引入 的vue文件都是非完整版。
關(guān)于http://codesandbox.io
這里介紹一個在線寫 vue項目 的網(wǎng)站，就是 代碼沙盒 ，該網(wǎng)站創(chuàng)建的 vue項目 是使用 @vue/cli 配置的環(huán)境，因此使用的是非完整版的 vue文件 。
另外，不要登陸該網(wǎng)站可以無限次免費使用，如果登錄了就只能免費使用50個項目就要收費了。
該網(wǎng)站寫的項目可下載下來，在 File -> export to ZIP
總結(jié)
以上是生活随笔為你收集整理的vue mxgraph渲染xml页面_Vue的两个版本的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 编程题走迷宫_C++程序算法题----迷
- 下一篇： a标签居中 img vue,让html