使用Vue和Element-ui的cdn模式临摹一个后台框架

我也不知道自己能不能坚持下来，反正要有个开头哪天再看到了也知道自己给自己挖了个坑

想搞成这样的效果

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

posted @ 2020-11-12 16:36  uxinxin  阅读(541)  评论(0)  编辑  收藏  举报