vue2 基础

1，运行文件自动打开

在package.json文件在中   "serve": "vue-cli-service serve",加个open

"serve": "vue-cli-service serve--open",即可

2，eslint校验工具的关闭

在根目录vue.config.js目录下

module.exports={

lintOnSave:false

}

3，配置src文件夹的别名 @

在根目录下创建一个jsconfig.json文件

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            // 解决项目中使用@作为路径别名，导致vscode无法跳转文件的问题
            "@/*": ["src/*"]
        },
        // 解决prettier对于装饰器语法的警告
        "experimentalDecorators": true,
        // 解决.jsx文件无法快速跳转的问题
        "jsx": "preserve"
    },
    //提高 IDE 性能  意思是@符号不能在下面这三个文件中使用
    "exclude": ["node_modules", "dist", "build"]
}

 在css中使用@加个~

4，路由中间的跳转

vue 安装的less-loader@5版本   lang=‘less scoped 

使用组件的步骤

引入清除基本样式可以public文件下创建在index.html引入 

也可在src的asset文件中通过main.js文件引入

this.$route获取路由信息的['路径，query，params等]

this.$router进行路由跳转['push','replace']

路由重定向

{

path：'/',

}

路由的跳转两种方式，

router-link 声明式导航             详情：

或push|replace 编程式导航

a标签中的tarhet=‘_blank’ 跳转新的页面

5，footer显不显示

1，app判断下边的footer显不显示（路由多了，不方便）

2，路由元信息

加一个meta

6，路由传参

 

三种方式式传参方式

 加 :keyword最好在后面加？号 代表params可穿可不穿

如果传空则||undefined

 路由可以进行占位

第三种：

路由命名，

面试题

 路由有没有办法传props ？不常用

正常传参

可以

三种形式 在路由里：1，props：true，布尔值 只有params  接收页面，

2，对像写法

3，函数写法

7，路由式跳转

1，编程时导航传参点多了会警告错误

1，加两个回调 成功回调和失败回调（可以隐藏错误）

2，重写push

重写replace

 8，组件

comporments 文件夹一般是固定组件

pages是路由组件

1，注册全局组件

在main.js中引用

//使用

 9，axios二次封装

创建api文件夹引入axios

最后抛出

接口统一管理

2下api文件下在创建一个新的index.js文件

在request.js中引入

 使用

尝试在main.js中使用

10，报错 跨域解决

在vue.comfig.js中

taget:后端给的路径

11，进度条

nprogress进度条的使用

安装使用 

在请求和响应拦截器中使用

先引进度条  和样式

修改进度条的颜色 在他的css文件中修改

11，vuex的使用

1，常规使用

2，模块式开发 

分开创建文件夹

 在大的index中在引入

 

页面使用第一步

 

调接口返回异步  

 

 

页面使用 

  

合并成对象

 3，切换页面的动画

assets文件夹打包之后没了 放置共同问价夹得位置