我也不知道自己能不能坚持下来，反正要有个开头哪天再看到了也知道自己给自己挖了个坑
想搞成这样的效果
https://github.com/chuzhixin/vue-admin-beautiful/tree/master
然后自己第一天代码开始
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue 学习</title> <!-- 引入Vue --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 引入element-ui样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- 引入element-ui组件库 --> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <!-- 引入vue-router路由，不知道怎么用，先引用，回头修正吧 --> <script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.4.8/vue-router.min.js"></script> </head> <body> <div id="app"> <el-button @click="visible = true">Button</el-button> <el-dialog :visible.sync="visible" title="Hello world"> <p>Try Element</p> </el-dialog> </div> <script> new Vue({ el: '#app', data: function() { return { visible: false } }, mounted() {}, }) </script> </body> </html>
这个测试一下引入的element-ui是可以用的
哈，其实就是想折腾个下面这个东西，不过貌似少了路由部分，暂时记录一下
https://blog.csdn.net/Take_Dream_as_Horse/article/details/78867376