2020年vue周边知识点整理(一)

1.vue项目安装插件和安装依赖的区别。比如element-ui有的是安装插件，有的是直接安装依赖。测试直接安装依赖，需要手动引入相关文件、按需导入要手动创建plugins文件夹下的element.js。
组件 (Component) 是用来构成你的 App 的业务模块，它的目标是 App.vue。插件 (Plugin) 是用来增强你的技术栈的功能模块，它的目标是 Vue 本身。不同于普通的样式ui框架，这是一种组件化的ui框架，需要了解其原理。
2.token是登录请求成功后，由后台返回，然后前端保留在本地,每次发送携带。例如给axios设置请求拦截器，给请求头添加Authorization字段，值为token。
当不存在跨域请求问题时，使用session和cookie（n），当存在跨域使用token。
3.渲染流程：Login.vue(组件声明)->router.js(组件路由规则)->App.vue(路由占位)->main.js(入口写App.vue的js声明，即new Vue。还有导入插件及css及fonts等)
4.Vue.prototype.xxx命令来将组件挂载到原型上，这样每个组件都可以使用this.xxx来使用该组件。区别*Vue.use()*注册为vue全局可用的组件。
5.localStorage是持久化存储，浏览器有效、sessionStorage是会话级别，只在当前页面有效（常用），cookie携带session信息，每次请求发送。
6.路由导航守卫router.beforeEach(to,form,next)。如果访问的不是登录页，且sessionStorage没有token，则重定向到登录页面。
7.prettierrc配置文件设置eslint的语法格式化规则，.eslintrc.js中rules代表校验规则，false代表不启用。
8.vue中使用插件步骤。先npm 安装，然后再main.js中引入并vue.use()注册为组件。然后按照官方实例使用即可。
9.Lodash是一个著名的javascript原生库。是一个意在提高开发者效率,提高JS原生方法性能的JS库。很多方法lodash已经帮你写好了，直接调用就行，不用自己费尽心思去写了，而且可以统一方法的一致性。Lodash使用了一个简单的 _ 符号，就像Jquery的 $ 一样，十分简洁。比如：深拷贝（直接复制对象值）、数据合并、数组去重等。（https://www.jianshu.com/p/d46abfa4ddc9）

//在该组件中导入lodash
import _ from 'lodash'
const deepForm = _.cloneDeep(this.addForm)
deepForm.goods_cat = deepForm.goods_cat.join(',')

10.如果vue单文件组件中在 style标签内引入 css文件, 不能直接用 import, 需要在 import 前面加个@。