Portal-Vue 项目教程
1. 项目的目录结构及介绍
portal-vue/
├── src/
│ ├── components/
│ │ ├── Portal.vue
│ │ ├── PortalTarget.vue
│ ├── index.js
├── package.json
├── README.md
src/
: 包含项目的源代码。components/
: 包含Portal
和PortalTarget
组件。index.js
: 项目的入口文件。
package.json
: 项目的依赖和脚本配置文件。README.md
: 项目的说明文档。
2. 项目的启动文件介绍
项目的启动文件是 src/index.js
,它导入了 Portal
和 PortalTarget
组件,并将其注册为 Vue 插件。
import PortalVue from './index'
export default PortalVue
3. 项目的配置文件介绍
项目的配置文件是 package.json
,它包含了项目的依赖、脚本和其他元数据。
{
"name": "portal-vue",
"version": "2.1.7",
"description": "A Portal Component for Vuejs, to render DOM outside of a component, anywhere in the document.",
"main": "dist/portal-vue.common.js",
"module": "dist/portal-vue.esm.js",
"unpkg": "dist/portal-vue.min.js",
"jsdelivr": "dist/portal-vue.min.js",
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"vue": "^2.6.10"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.11.0",
"@vue/cli-plugin-eslint": "^3.11.0",
"@vue/cli-service": "^3.11.0",
"babel-eslint": "^10.0.1",
"eslint": "^5.16.0",
"eslint-plugin-vue": "^5.0.0",
"vue-template-compiler": "^2.6.10"
}
}
name
: 项目名称。version
: 项目版本。description
: 项目描述。main
: 主入口文件。scripts
: 包含项目的脚本命令,如serve
、build
和lint
。dependencies
: 项目运行时的依赖。devDependencies
: 开发时的依赖。