vue练习时的一些知识点（随手记）

1.给一个路径起别名：

　　build目录下的webpack.base.conf.js文件中找到

resolve: {

    extensions: ['.js', '.vue', '.json'],     alias: {       'vue$': 'vue/dist/vue.esm.js',       '@': resolve('src'),     }   在alias中添加即可，如：

resolve: {

    extensions: ['.js', '.vue', '.json'],     alias: {       'vue$': 'vue/dist/vue.esm.js',       '@': resolve('src'),       'styles': resolve('src/assets/styles'),     }    2.在vue页面 style中引入css文件/styl文件时，如果要引入的文件路径有别名，则需要在其前面加上 ~ 符号。 　　例如： styles文件夹中存放的是css、styl文件，我们需要引入varibles.styl文件，而在  1.中，已经将styles的路径起了一个别名，叫 styles 　　　　　　则，在引入时， 　　　　　　@import '~styles/varibles.styl'  即可     3.把对/api下所有的请求都转发到satic/mock文件夹下，也就是当我们访问hocalhost:8080/api里的文件时，它会帮我们自动转换，去获取mock文件夹下的对应数据 在Vue - config文件夹下的 index.js中  proxyTable:里，可以设置　　　 　　proxyTable: { 　　　　'/api': {  　　　　　　target: 'http://localhost:8080',  　　　　　　pathRewrite: {    　　　　　　'^/api': '/static/mock'   　　　　　　}     　} 这段代码的意思就是：当我们访问hocalhost:8080/api下的文件时，对应的去/static/mock下找