Vue学习

by booktu8

HTML

<div id="app">
  vue的现实内容
  <div class="header">
    <a href="">首页</a>
    <a href="">关于我们</a>
  </div>
  <div class="main"></div>
</div>

CSS

.header {

  padding: 16px;
  background: red;

}

Vue

new Vue({
  // vue自带属性 插入模板内容的DOM位置
  el: ".main",
  // vue自带属性 存放数据的地方
  data: {
    header: ['首页', '关于我们']
  },
  // vue自带属性 存放html地方
  template: `<div class="header">
    <a href="">首页</a>
    <a href="">关于我们</a>
    
  </div>`

})





console.log(Vue)