Vue插件

目录

vue项目目录结构

es6导入导出语法

Vue项目开发规范单页面组件写法

vue项目集成axios,vue项目前后端打通

前后端交互之登录功能

props配置项

父组件通过自定义属性与子组件通信

混入

插件

scoped样式

localStorage,sessionStorage 和 cookie

Vue使用elementui

---

vue项目目录结构

项目名
├── node_modules -- 项目的依赖
├── public -- 文件夹
├    ├── favicon.ico -- 网站顶部小图标
├    └── index.html -- 单页面开发，项目唯一页面
├── src -- 文件夹，主要代码都在里面
├    ├── assets -- img，js，css，都可以放在这里
├    ├── components -- 小组件，放在页面组件中的
├    ├── store -- 安装了vuex就会生成
├    ├── router -- 安装了vue-router就会生成，配置路由
├    ├── views -- 页面组件存放在这
├    ├── App.vue -- 根组件，靠它和唯一的页面连接的
├    └── main.js -- 整个项目的入口 
├── .gitignore -- git版本管理
├── babel.config.js -- babel的配置，不用管
├── jsconfig.json
├── package.json -- 项目的配置，和依赖的模块都在这
├── package-lock.json
├── README.md -- 项目的介绍
└── vue.config.js -- vue的配置信息
 

项目传给别人，node_modules这个文件夹要删掉，别人通过npm install 生成，装好该项目的依赖。

es6导入导出语法

在一个js文件中想要使用另一个js文件中的变量、函数等，就要用到导入导出语法。

导出

每个模块中，只允许使用唯一的一次export default，否则会报错。

export default 对象

导入

js后缀不用写，如果文件夹内有一个index.js，只导入文件夹，就相当于导入了文件夹下的index.js。