Vue两个版本

Vue有两个版本一个是完整版，一个是非完整版
若要通过浏览器中的

使用CDN或没有构建工具

用webstorm打开vue项目，使用cdn方式引入，会有一个提示，不用管，这是webstorm的提示，想要消除，点击Download libray即可

new vue这边也有一个提示，也不用管

可以看到最终还是向cdn请求的vue

这些提示容易误导人呀
2.x版本

• vue.js    是包含编译器和运行时的“完整”构建，因此它支持动态编译模板。
• vue.runtime.js    只包含运行时，并且需要在构建步骤期间预编译模板。

3.x 版本
– vue.global.js 是包含编译器和运行时的“完整”构建，因此它支持动态编译模板。
– vue.runtime.global.js 只包含运行时，并且需要在构建步骤期间预编译模板。

MVC：
M: Model 模型层
V: View 视图层
C: controller 控制器层

完整版

由于拥有编译器
所以支持将视图层直接放入html中和Vue选项的template中

template里面使用的XML语法，所以格式要非常规范

非完整版

不能直接将视图层放到html与template中
需要放入render选项中

如果要监听点击事件

非常麻烦

那么非完整版有什么用？？？
因为非完整版少了编译器，所以体积要比完整版少了30%左右，这对于网络传输是非常可观的
所以这时候就用到了vue-loader，在编写的时候用完整版方式编写，通过webpack vue-loader打包成非完整版的代码

对于框架学习了解功能的时候不必要花大量时间去创建一个项目，所以使用在线代码测试就非常方便了
jsfiddle就是一个页面简洁的在线代码测试网址，注册后还能在线保存与分享

jsfiddle.net/wayaya/73s8…

总结