乳胶蚕丝被的博客

应用场景在vuex中分模块管理全局数据时，不用手动一个一个的导出const files = require.context('.', false, /\.js$/)const modules = {}files.keys().forEach(key => { if (key === './index.js') return modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default})export default

文章目录前言一、什么是单文件组件？二、单文件组件的结构三、如何引入并使用单文件组件1.总结前言Vue应用的一大特色就是组件化开发，可重用的组件使代码的编写和阅读变得更为便利。很多中小规模的项目中，我们使用 app.component('组件名', {组件对象})来定义全局组件，紧接着用 app.mount('#app')进行组件加载。在实际的vue项目中，更多的是使用单文件组件进行开发。一、什么是单文件组件？（single-file components）单文件组件是一种扩展名为 .vu.

项目构建步骤：1. 全局安装vue-cli脚手架npm install -g @vue/cli2. 创建一个vue3项目vue create mydemo3. 添加electron-builder插件cd mydemovue add electron-builder项目结构：运行结果npm run electron:serve