第一步:node环境安装第二步:node环境检测第三步:设置nodejs的global和cache路径第四步: 配置PATH环境变量第五步: vue-cli脚手架安装第六步: 创建一个项目hello-world第七步: 修改默认端口

Vue中子组件不能直接引用父组件的数据，需要通过props选项接收来自父组件的数据。

JS中涉及到数组查询的方法见下表：方法描述参数返回值indexOf()搜索数组中的元素，并返回它所在的位置。要搜索的元素 ，查找的起始位置元素第一次出现的索引lastIndexOf()搜索数组中的元素，并返回它最后出现的位置要搜索的元素 ，查找的起始位置元素最后一次出现的索引includes()判断一个数组是否包含一个指定的值要查找的元素值Booleanfind()返回符合传入测试（函数）条件的数

第一步:node环境安装第二步:node环境检测第三步:设置nodejs的global和cache路径第四步: 配置PATH环境变量第五步: vue-cli脚手架安装第六步: 创建一个项目hello-world第七步: 修改默认端口

Vue模板的表达式语法仅支持单个表达式，用于简单运算；对于复杂的逻辑计算应当使用计算属性computed。computed可以依赖（计算）props、data、vuex的数据，即可以声明了一个计算属性，令其响应props/data/vuex的数据变化，返回一个经过某种计算的结果。

provide和inject是成对出现的,用于父组件向子孙组件传递数据

sync-validator是一个表单的异步验证的第三方库。传入验证规则对象，可以新建一个验证器对象。验证器对象的`validate`方法用于验证数据是否符合验证规则。

ESLint是js代码的质量检查工具，同时也具备一定的代码风格的格式化能力。Prettier是一个代码风格的约束工具，Prettier能约束JS、JSX、TypeScript、Vue、CSS、Less、SCSS、HTML、JSON、Markdown等代码风格。由于ESLint定义了一些js的代码格式化的约束，导致其与Prettier存在一些冲突。如：ESLint默认语句结尾不加分号，Prettie

slot又称插槽，slot组件在子组件中使用，在组件渲染时，slot组件将会被替换为父组件的模板内容，slot组件相当于子组件留给父组件的占位符。子组件(Child)<div><slot name="title"></slot><slot></slot></div>父组件<child><p slot="tit

在Vue 中使用 JSX 语法