vue一些知识点

vue父组件向子组件传参

1.父组件调用子组件的时候 绑定动态属性
2.在子组件里面通过 props接收父组件传过来的数据

Vue细究——为什么vue中的data要用return返回

不使用return包裹的数据会在项目的全局可见，会造成变量污染；使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。

webpack 怎么解决跨域

1、在config/index.js文件的dev: { proxyTable: { }}写入要跨域代理的链接地址，如下所示：

dev: {
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api':{
          target:'http://192.168.1.12:8099/cms-admin',
          changeOrigin:true,
          secure: false,
          pathRewrite:{
              '^/api':'/'
          },
      },
      '/uploadPath':{
        target:'http://192.168.1.12:8099/cms-admin',
        changeOrigin:true,
        secure: false,
        pathRewrite:{
            '^/uploadPath':'/oss/uploadFile'
        },
    }
    },

2、在webpack.dev.conf.js文件中，引入config/index.js，并在devServer:{proxy:{}}

devServer: {
    clientLogLevel: 'warning',
    historyApiFallback: true,
    hot: true,
    compress: true,
    host: HOST || config.dev.host,
    port: PORT || config.dev.port,
    open: config.dev.autoOpenBrowser,
    overlay: config.dev.errorOverlay
      ? { warnings: false, errors: true }
      : false,
    publicPath: config.dev.assetsPublicPath,
    proxy: config.dev.proxyTable,
    quiet: true,
    watchOptions: {
      poll: config.dev.poll,
    }
  },

在路由中设置 linkActiveClass:“active”

const router = new VueRouter({
  routes,
  linkActiveClass:"active"
})

在使用 router-link 时，点击之后会默认加上active的class

欢迎关注公众号（web学习吧），一起学习进步