子网站用织梦系统,想做个网站推广,wordpress多域名访问,温州教育网站建设Vue.js分为两个版本#xff0c;简单来说就是一个是完整版vue.js#xff0c;一个是非完整版vue.runtime.js#xff1a;1. HTML的书写位置不同完整版#xff1a;完整版的HTML书写的位置有两个#xff0c;一个是直接在 *.html 文件中使用 Vue 语法#xff0c;如下所示#…Vue.js分为两个版本简单来说就是一个是完整版vue.js一个是非完整版vue.runtime.js1. HTML的书写位置不同完整版完整版的HTML书写的位置有两个一个是直接在 *.html 文件中使用 Vue 语法如下所示index.html文件 main.js文件另外一个位置是写在Vue实例创建时的template选项里并且该部分内容会完全覆盖html文件中对应的位置而不是仅仅包含在里面因此也要加上对象的外层div idapp /div如下所示index.html文件main.js文件非完整版非完整版的HTML的书写位置也有两种方式一个是直接写在 Vue 实例创建时的 render() 函数选项里遵循createElement函数传参创建元素的形式。如下所示index.html文件main.js文件这样的render函数里面创建 html元素的方法是不是看起来/写起来都很麻烦因此Vue 的作者就帮助我们以更简单明了的方式提供了 *.vue 文件通过 vue-loader 在文件编译时将 *.vue 文件转化成对应的 render() 函数里的复杂的创建语法相比起来*.vue 文件的语法就清晰明了多了如下所示index.html文件demo.vue文件main.js文件补充大部分情况下 createElement 会写成 h都是创建元素的意思即 render(h) 和 render(createElement) 是一样的写 h 更简单些。在 .vue 文件中的 template/template 标签里面的内容不是 HTML 语法是 XML 语法因此应遵循 XML 的语法标准。XML 和 HTML 语法差不多但是 XML 相比于 HTML 要更严格一些比如在 XML 中有闭合标签一说且单标签必须闭合如 input/ 但在 HTML 中单标签不闭合是正确的、最新的语法。同时还有一个区别是在 XML 中当标签内没有内容时可直接 / 闭合如 div/ 但在 HTML 中则不行。严格的 XML 语法比松散的 HTML 语法相比起来更容易编译因此 Vue 就选择了 XML 语法2. 是否有 compiler 和 vue-loader完整版完整版是一定要有 compiler 即编译器的编译器的作用就是将 Vue 语句在编译时还原成 html 元素才能在浏览器上渲染出来完整版的 Vue 是通过编译器来实现的因此完整版有 compiler 。由于完整版没有用到 *.vue文件因此不含有 vue-loader。非完整版非完整版用到了 *.vue文件而 vue-loader 就是将*.vue文件翻译成 render() 函数里元素创建语法的。因此非完整版用到了 vue-loader 但是没有用到 compiler 即编译器因为 render() 函数就是渲染 html 元素的不再需要编译器。3. 二者优缺点完整版优点可以在 html 文件中直接写 Vue 语句可读性强些缺点体积比非完整版大耦合性太大在 html 文件中夹杂 vue 语法导致各类型文件融合到一块耦合性大非完整版优点体积小非完整版的体积比完整版小了30%多耦合性低模块化强缺点使用不方便总结目前 Vue 的使用基本都是非完整版vue/cli引入 和 webpack引入 的vue文件都是非完整版。关于http://codesandbox.io这里介绍一个在线写 vue项目 的网站就是 代码沙盒 该网站创建的 vue项目 是使用 vue/cli 配置的环境因此使用的是非完整版的 vue文件 。另外不要登陆该网站可以无限次免费使用如果登录了就只能免费使用50个项目就要收费了。该网站写的项目可下载下来在 File - export to ZIP
