在vue.js中将导入的sass文件与渲染功能一起使用

Question

I have abstracted a vue render function into a separate javascript file. Now I want to add a sass component style to it. My present approach does not work. Is there a way to call scoped sass into a render function or a functional component? here is my code:

//form.js
import '../../assets/form.scss'
export default {
    render(createElement){
        return createElement('form',{
            class:{
            form:true
        },
            attrs: {
                class:'form'
            }
        }, [
            createElement('input',{attrs: {'placeholder':'Enter url'}}),
            createElement('button', 'Submit')
        ])

} }

Answer 1

Found out that I have to import form.scss in the parent component, I could also have done it this same way, for some reason it was not working earlier. The attrs attribute is not required.