vue的脚手架（2022-04-23学习笔记）

脚手架我们一般，使用最近的版本，vue的核心技术我们使用vue2比较多。

使用步骤

不配置淘宝镜像下载速度就会比较慢。

你需要使用vue2还是vue3呢？

成功创建了一个项目。

开启一个内置的小服务器，我们可以看到我们的项目。

文件结构

git的忽略文件。

balel的配置文件，可以直接使用官方写好的就可以。

包的说明书：

对项目的说明。

main.js

执行完指令npm run serve以后，首先执行的就是main.js文件。

App.vue

放静态资源。

组件。

render

你引入了残缺版的vue。没有模板解析器的vue。

引入完整版的vue。

vue：核心部分和模板解析器。

模板解析器很大的。webpack本身就能够解析模板，所以我们不需要vue来解析模板。

只有创建vm的时候才用render创建模板。

vue.config.js

脚手架工作的配置文件。我们也可以修改。

关闭语法检查。

总结

ref属性

可以用在html标签上，也可以用在组件标签上。用在组件标签时候，拿到的是组件实例对象。

props配置

总结

maxin混入

复用配置。

局部引入混合。

全局应用混合。

插件

插件的本质就是一个对象，包含一个install的方法。

创建一个插件。

引入插件。

插件可以做什么？

use一下插件，我们会有很多强大的方法。一直use可以用很多插件。

总结——

scoped样式

局部样式。只用于该组件的。

可以写css也可以写less。安装less-loader要注意版本。

查看版本的种类。