1、安装

1.1、兼容性与更新日志

兼容性这里涉及到ECMAScript发展历史等知识,javascript这块很大,对于前端也很重要,接下来应该单独跟进一个javascript系列博客
目前javascript这块的学习阶段还是集中在红宝书上,总之IE8以下的版本还是不支持的。vue的更新日志持续关注吧。

1.2、vue开发工具

一个是在html页面引入(制作原型或学习)

1
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

还一个就是vue-cli脚手架了 搭建过程有空还是写篇博客附上来
至于不同版本的vue就取决于构建环境和生产环境了

1.3、命令行工具(cli)

这是一个单独的小模块
配合之前的vue-cli脚手架博客理解

1.4、对不同构建版本的解释

1.4.1、术语

讲的比较清晰吧

完整版:同时包含编译器和运行时的版本。
编译器:用来将模板字符串编译成为 JavaScript 渲染函数的代码。
运行时:用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。

剩下的暂时没接触

1.4.2、运行时 + 编译器 vs. 只包含运行时

这个讲的也比较清晰
当使用vue-loader或vueify的时候,*.vue文件内部的模板会在构建时预编译成JavaScript
这时候可以使用不包含编译器的vue版本即运行版本,应该是节省了服务器资源、提高了运行效率吧,毕竟不需判断执行编译模块了
webpack什么的具体配置也给了就不放了

例子也很清晰,看样子render函数就实现了挂载vue组件到DOM上的编译


// 需要编译器
new Vue({
  template: '
{{ hi }}
' }) // 不需要编译器 new Vue({ render (h) { return h('div', this.hi) } })

1.4.3、开发环境 vs. 生产环境模式 、CSP 环境

需要研究一下 待续。。。

1.5、开发版本

同上

1.6、AMD模块加载器

同上


zxyaily