为什么在beforeCreate钩子中的Vue实例中使用require（＆＃39; fs＆＃39;）时没有定义？

Question

您好我试图阅读所有文件＆＃39;文件夹中的文件路径，并使用迭代将其提供到Html文件中。我使用Vue和Node来实现这一点，但我不断获得vue.js:597 [Vue warn]: Error in beforeCreate hook: "ReferenceError: require is not defined"。以下是我的相关Javascript代码。

＆＃13;

＆＃13;

function init() {
    
    new Vue({
        el: '#imgVue',
        data: {
            basePath: 'images/projects/',
            collectionImg: []

        },
        beforeCreate() {
            const fs = require('fs')
            const imageFolder = 'images/projects'

            fs.readdir(imageFolder, (err, files) => {
                files.forEach(file => {
                    collectionImg.push(file)
                })

            })
        }
    })
}

＆＃13;

＆＃13;

＆＃13;