vue学习(31)脚手架使用

知识点

1：vue脚手架隐藏了webpack的相关配置，想看配置：vue inspect > output.js
2：npm下载缓慢，下载淘宝镜像：npm config set registry https://registry.npm.taobao.org
3：package-lock.json（包管理控制文件）锁住下载包固定的某个版本。
4：使用render函数，是因为引入的vue版本缺少模板解析器。

import Vue form 'vue';

• 这句话的引入只写到了文件夹目录，具体引入的哪个js，可以去node-modules下的vue目录下的package.json里的module，表示使用es6模块化引入，引入的是具体哪个文件，不难看出引入的是

image.png

• Vue.js中包含vue核心和模板解析器，精简版vue不包含模板解析器。模板解析器的代码占vue总体积的1/3。目的减小体积。
• vue中带有runtime的都是运行时的版本，都不带有模板解析器。
  vue.runtime.esm.js中的esm代表ES6 module的意思。

image.png

5：不同版本的vue

• vue.js和vue.runtime.xxx.js的区别
  （1）：vue.js是完整版本的vue,包含核心功能+模板解析器。
  （2）:vue.runtime.xxx.js是运行版本的vue,只包含核心功能，没有模板解析器。
• 因为vue.runtime.xxx.js没有模板解析器，所以不能使用template配置项，需要使用render函数接收到的createElement函数去指定具体的内容。