- 博客(7)
- 收藏
- 关注
原创 var ,let和const变量
一.var关键字1.var声明作用域这里函数交叫test(),调用它会给这个变量赋值,调用之后变量随即被销毁,因此代码中的最后一行会导致错误。function test(){ var message ="hi"//局部变量 } test() console.log(message);//ReferenceError: message is not defined下面去掉var关键字之后,message就变成了全局变量,只要调用一次test()函数,就会定义这个变
2021-05-23 17:51:01 146
原创 计算属性computed
一.计算属性的基本使用methods里的方法在调用时需要在HTML文本中加()而computed里面的方法不需要加<div id="app"> <h2>{{getFullName()}}</h2> <h2>{{fullName}}</h2></div><script src="../js/vue.js"></script><script> const app = new Vu
2021-05-22 20:40:34 315
原创 vuex状态管理
一. state单一状态树Vuex 使用单一状态树——是的,用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT (opens new window))”而存在。export default { userList: {}, userlian: {}, token: localStorage.getItem("token") || "",};二.mutation-typesexport const RECEIVE_USER_LIST = "receive_us
2021-05-20 22:45:29 132
原创 动态路由
一.在index.js配置路由将后端的数据,分别根据id渲染到同一个组件上{ path: "/tuijian/:id", name: "tuijian", component: tuijian, },三.在methods配置后端给我返回的数据,我将其存到imgList中。 <div class="shop_container"> <ul class="shop_list"> <li class="shop_li" v-
2021-05-20 21:53:56 119
原创 百度地图定位
一.申请AK传送门:百度控制台二.配置AK在vue中先下载百度地图组件npm i vue-baidu-map -S在main.js中配置import BaiduMap from "vue-baidu-map";Vue.use(BaiduMap, { ak: "你申请的AK",});三.实现百度定位及搜索<template> <div class="app-container"> <el-form ref="form" :model=
2021-05-20 21:19:11 200
原创 vue路由导航守卫
vue路由导航守卫一.设置全局前置路由守卫在index.js中配置import { Toast } from "vant";Vue.use(Toast);//全局前置守卫router.beforeEach((to, from, next) => { let token = localStorage.getItem("token"); //验证登录状态 if (token) { //判断是否登录 next(); } else { if (to.path
2021-05-20 20:33:04 146
原创 使用拦截器添加在请求中添加token
使用拦截器添加在请求中添加token一.保存token将后端返回的token保存到本地localStorage.setItem("token", result.data.token);二.使用拦截器添加token在main.js中配置拦截器后,所有请求回自动在请求头中添加token。// 添加请求拦截器axios.interceptors.request.use( function (config) { // 在发送请求之前做些什么 // 判断是否存在token,如果存在
2021-05-20 20:09:40 4147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人