|
|
5 tahun lalu | |
|---|---|---|
| public | 5 tahun lalu | |
| src | 5 tahun lalu | |
| .browserslistrc | 5 tahun lalu | |
| .eslintrc.js | 5 tahun lalu | |
| .gitignore | 5 tahun lalu | |
| README.md | 5 tahun lalu | |
| babel.config.js | 5 tahun lalu | |
| package-lock.json | 5 tahun lalu | |
| package.json | 5 tahun lalu | |
| vue.config.js | 5 tahun lalu |
npm install
npm run serve
npm run build
npm run lint
封装后端接口。本demo使用了axios库向后端服务发送HTTP请求,这部分的功能就是将调用后端controller提供的接口封装成易于前端页面使用的方法,供页面引入和使用。
公用的vue组件,用于在页面中引入和使用。
也是vue组件,与/src/components中的组件在本质上是相同的。不同之处在于,这部分的组件是和前端路由相关的,利用前端嵌套路由来实现不同用户的页面使用不同的基础布局。
配置前端路由。 SeeVue Router
实现每个前端页面,页面会引入需要的组件、api等,实现项目的UI、交互、前后端通信等。
根组件。
入口文件,引入Vue框架与相关插件,定义Vue实例。
项目主页面,一般只定义一个空的根节点,在main.js里定义的Vue实例会挂在在这个根节点上。
本demo使用了CSS框架Vuetify,同学们不必在意,可自行选用CSS框架、组件库或自己实现样式。
参考 Vue官方文档