东莞 企业 网站制作,网站主机免费,游戏推广员是做什么的,婚庆网站开发要达到的目标零碎语法
1.导入某个文件夹的index文件#xff0c;index可以省略#xff08;这里导入的是router和store文件下的index.js文件#xff09; 2.路由懒加载
this
1.在vue文件中使用router\store对象时
this#xff1a;普通函数的this指向vue实例对象(在没有明确指向的时候…零碎语法
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.xxx2.在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 参考
token
将token存储到vuex中比存储到本地更快但是只要页面一刷新token就失效想要永久存储还是需要在本地存储中存储一份token //举例(只在页面刷新的时候用到了本地存储添加请求头用的token是从vuex中取不用在从本地存储中取
export default {namespaced: true,state: {token: localStorage.getItem(mj-pc-token)},mutations: {updateToken (state, newToken) {state.token newTokenlocalStorage.setItem(mj-pc-token, newToken)}},actions: {}
}