81、如何获取dom
ref="domName" 用法:this.$refs.domName
82、axios及安装?
请求后台资源的模块。npm install axios --save装好,
js中使用import进来,然后.get或.post。返回在.then函数中如果成功,失败则是在.catch函数中。
83、请说出vue.cli项目中src目录每个文件夹和文件的用法?
assets文件夹是放静态资源;components是放组件;router是定义路由相关的配置; app.vue是一个应用主组件;main.js是入口文件。
84、渐进式框架的理解
主张最少;可以根据不同的需求选择不同的层级
85、vue-router 有哪几种导航钩子?
三种,
第一种:是全局导航钩子:router.beforeEach(to,from,next),作用:跳转前进行判断拦截。
第二种:组件内的钩子
第三种:单独路由独享组件
86、6.$route 和 $router 的区别
$router是VueRouter的实例,在script标签中想要导航到不同的URL,使用$router.push方法。返回上一个历史history用$router.to(-1)
$route为当前router跳转对象。里面可以获取当前路由的name,path,query,parmas等。
87、vue更新数组时触发视图更新的方法
push();pop();shift();unshift();splice(); sort();reverse()
88、Vue-router跳转和location.href有什么区别
使用location.href='/url'来跳转,简单方便,但是刷新了页面;
使用history.pushState('/url'),无刷新页面,静态跳转;
引进router,然后使用router.push('/url')来跳转,使用了diff算法,实现了按需加载,减少了dom的消耗。
其实使用router跳转和使用history.pushState()没什么差别的,因为vue-router就是用了history.pushState(),尤其是在history模式下。
89、axios的特点有哪些8个(从、n、支、拦、转、取、自、a)
- 从浏览器中创建XMLHttpRequests;
- node.js创建http请求;
- 支持Promise API;
- 拦截请求和响应;
- 转换请求数据和响应数据;
- 取消请求;
- 自动换成json。
- axios中的发送字段的参数是data跟params两个,
两者的区别在于
params是跟请求地址一起发送的,
data的作为一个请求体进行发送
params一般适用于get请求
data一般适用于post put 请求。
90、params和query的区别
query刷新不会丢失query里面的数据
params刷新 会 丢失 params里面的数据。