脚手架我们一般,使用最近的版本,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要注意版本。
查看版本的种类。