1. 两版本的文件名:
vue完整版:
- cdn引入:vue.js 或者 vue.min.js
- webpack引入: 需要配置alias
- @vue/cli引入: 需要额外配置 vue非完整版:
- cdn引入:vue.runtime.js 或者 vue.runtime.min.js
- webpack引入: 默认使用此版本
- @vue/cli引入: 默认使用此版本
2. template 和 render 怎么用
两版本之间的主要区别在于是否拥有compiler编译器
- 使用完整版,可以把操作元素写在html或者vue的实例中的template里面
- 如果使用非完整版,上述方法行不通,只能写在实例中的render函数里用h来创建html标签或者在vue但文件中的template标签中,这样通过使用vue-loader来把vue文件中的html标签转成h函数
3. 如何用 codesandbox.io 写 Vue 代码
- 进入codesandbox.io
- 不需要登录 可创建无限个项目 creatSandbox
- 添加vue项目
- 如果需要在本地运行这个项目 就下载文件 解压到本地即可
总结
总是使用非完整版 然后配合vue-loader和vue文件
思路:
保证用户体验,用户下载的js文件体积更小 但只支持函数
保证开发体验,开发者可直接在vue文件里写html标签 而不写h函数
脏活让loader做,vueloader把vue文件里的html转化成h函数
非完整版也是有一个缺点的,即可能造成SEO不友好,对应的优化方式就是把title、description、keyword、h1、a 提前写入页面,让搜索引擎能够看到即可。