Vue新手笔记4

记录一下各种关于Vue的知识
:model是v-bind:model的缩写,这种只是将父组件的数据传递到了子组件，并没有实现子组件和父组件数据的双向绑定。当然引用类型除外，子组件改变引用类型的数据的话，父组件也会改变的。
而v-model实现了双向数据绑定；
vue引入element ui有两种方式
一种直接可视化界面安装插件

安装之后 再main.js 引用import ‘./plugins/element.js’ 文件
而element.js则是对你需要用的组件进行注册

另一种就是npm依赖包安装。
安装依赖包 npm i element-ui -S
导入 Element-UI 相关资源
// 导入组件库
import ElementUI from ‘element-ui’;
// 导入组件相关样式
import ‘element-ui/lib/theme-chalk/index.css’;
// 配置vue插件
Vue.use(ElementUI);
补充知识点：高级一点：完整引入,直接了当，但是组件文件不是按需加载，造成多余，不够优雅

还可以按需引入，按需引入，需要配置babel文件 .babelrc

借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。
首先，安装 babel-plugin-component目前我还没尝试，待定。

Vue.config.productionTip = false的意思是：
阻止启动生产消息，常用作指令
没有Vue.config.productionTip = false这句代码，它会显示你生产模式的消息
开发环境下，Vue 会提供很多警告来帮你对付常见的错误与陷阱。
而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。
此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的。
(摘于官网说明)

然后关于axios

ref与$refs



据了解 resetFields()有坑，但是新手还没遇到，之后遇到补上。
关于表单验证：
Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。校验规则参见 async-validator

接着今天遇到了，数据交互的 async与await
1.async/await场景
这是一个用同步的思维来解决异步问题的方案，当前端接口调用需要等到接口返回值以后渲染页面时。
2.名词解释

async
async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行，async 函数返回的是一个promise 对象。
await
await的含义为等待。意思就是代码需要等待await后面的函数运行完并且有了返回结果之后，才继续执行下面的代码。这正是同步的效果

路由控制：

限制跳转；
然后今天遇到实在警告消息很烦，自己查找了一下如何消除警告。
第一自己再所在的根目录下创建一个.prettierrc文件
然后添加上自己所需的的设置 然后格式化文档就自动把那些什么双引号转单引号 ;号消除
之类的
具体的：

第一条是分号消除，第二条双引号转单引号。
其次在什么函数名字后必须要空格之类的
自己查询后警告的名称，在
下配置。例如我自己就加了个

原本红标前要有空格，自己去

：0是关闭禁止的意思。