重学后端(3)-Vue前端

1. 安装必要工具

首先用vue创建一个前端项目

$ npm install vue
$ vue create front

打开项目, 安装使用到的工具

..\front > npm i axios
..\front > npm i bootstrap@5.2.0-beta1
..\front > npm i element-ui

配置用到的工具
①bootstrap:
在src\main\main.js中

import 'bootstrap/dist/js/bootstrap.min.js'
import 'bootstrap/dist/css/bootstrap.min.css'

②element-ui
在src\main\main.js中

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from '/App.vue';
Vue.use(ElementUI);
new Vue({
el:'#app',
render:h =h(App)
});

之后流程：
在bootsrap或element-ui寻找合适的ui控件，使用axios向后端请求，拿到前端存入data做v-model的动态绑定。