小编Die*_*gos的帖子

你如何继续将对象作为道具传递给vue？我认为这将是一项简单的任务,但显然不是.

我在.vue文件上有以下代码:

`

<template>
    <div id="scatter"></div>
</template>

<script>
    export default {
       props: {
           data: {
                type: Object,
           default: () => ({})
       }
     },
     mounted () { 
         console.log(this.data)
     }
    }
</script>

`

在html上我尝试传递data道具如下:

<component :data="{x:1}"></component>

当我尝试将其登录到控制台时,结果只是一个空的观察者对象.

我目前正在从Alpine：3.7构建图像。

我遇到两个问题：

• 摆锤（特别是python-dateutils包）
• service_identity（特别是attrs包）

我收到的错误是：

找不到满足设置工具要求的版本（来自版本：）找不到与安装工具匹配的发行版

注意：所有软件包都使用pip下载预先缓存在目录中。

dockerfile如下所示：

RUN apk add --no-cache --virtual .build-deps <dev packages>
 && apk add --no-cache --update python3
 && pip3 install --upgrade pip setuptools

RUN pip3 install -f ./python-packages --no-index -r requirements.txt ./python-packages/pkgs

....

dev包，例如libffi-dev，libressl-dev等。

我想使用 postcss-loader 和 css 模块将一组样式传递给 React 组件。我用于编译 css 文件的 webpack.config.file 如下所示：

loaders: [
    'style-loader', 
    'css-loader?modules&importLoaders=1&localIdentName[name]__[local]___[hash:base64:5]',
    'postcss-loader'
],

我的 React 组件文件如下所示：

import styles from './cssFile.css';
class Component extends React.Component{
    render(){
       return(
           <div className={[styles.spinner, styles.spinner_2]}></div>
       )
    }   
}

每当我只将一种样式传递给 className 时，它​​都会正确加载它，但是当我传递一个数组时，它不会解析任何样式。相反，它在编译类名称上用逗号连接它。

如何将多个样式传递给元素？