零碎语法
1.导入某个文件夹的index文件,index可以省略(这里导入的是router和store文件下的index.js文件)
2.路由懒加载
this
1.在vue文件中使用router\store对象时
this:普通函数的this指向vue实例对象(在没有明确指向的时候this指向window)
router和store挂载在vue上之后
在模板中使用 router或store的方法为 $router.xxx或$store.xxx
在方法中调用方式为:this.$router.xx或this.$store.xxx
2.在js文件中使用router\store对象时
使用什么需要导入时候,挂载在vue全局对象上的对象在vue文件中可以使用,在js文件中不能使用
网络通信
axios功能拆分写法
还可以配置拦截器
import axios from 'axios'
// 下面是克隆一份新的axios
const request = axios.create({
baseURL: 'http://interview-api-t.itheima.net',
timeout: 5000
})
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
// 在发送请求之前做些什么
// config === https://www.axios-http.cn/docs/req_config === 请求的配置对象
const token = localStorage.getItem('mobile-token')
config.headers.Authorization = `Bearer ${token}`
return config
}, function (error) {
// 对请求错误做些什么
return Promise.reject(error)
})
export default request
css预处理(Sass\Stylus\Less\Scss)
文章来源:https://www.toymoban.com/news/detail-844793.html
参考文章来源地址https://www.toymoban.com/news/detail-844793.html
到了这里,关于复习知识点整理的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!