vue--数据和头部样式

数据:

{
  "user": [
    {
      "id": 6,
      "name": "张翰",
      "sex": "男",
      "tel": "14752898358",
      "grade": "钻石",
      "jf": "621",
      "consume": "1500",
      "balance": "4000"
    },
    {
      "id": "2",
      "name": "邹采倪",
      "sex": "女",
      "tel": "13748516382",
      "grade": "钻石",
      "jf": "218",
      "consume": "600",
      "balance": "2200"
    },
    {
      "id": "3",
      "name": "李春辉",
      "sex": "女",
      "tel": "15254528874",
      "grade": "白银",
      "jf": "157",
      "consume": "655",
      "balance": "200"
    },
    {
      "id": "7",
      "name": "李敏",
      "sex": "女",
      "tel": "15832825286",
      "grade": "青铜",
      "jf": "53",
      "consume": "300",
      "balance": "200"
    },
    {
      "id": "13",
      "name": "刘亦菲",
      "sex": "女",
      "tel": "15632489858",
      "grade": "钻石",
      "jf": "800",
      "consume": "6000",
      "balance": "12000"
    },
    {
      "id": "dsd",
      "name": "das"
    }
  ]

}


2. template: `<div id="app">
  <nav class="navbar navbar-default">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">fitness健身网站会员管理</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li><router-link to="/">首页</router-link></li>


          </ul>
           <ul class="nav navbar-nav navbar-right"> 
            <li><router-link to="/adduser"><span class="glyphicon glyphicon-user"></span> 用户</router-link></li> 
           
        </ul> 
        </div>
   
    </div>
   </nav>
    <router-view></router-view>
  

  </div>`

3. "json:server": "json-server --watch db.json"

猜你喜欢

转载自blog.csdn.net/qq_40184012/article/details/79490763