Vue 之 初识

vue全家桶

vue vue-router  axios  vuex  

什么是vue?

渐进式javascript框架 

 

学习vue需要引入四个文件

vue.min.js

 

写一个简单的demo

<div id="box">
    <p>iPad</p>
    <p>单价: {{ price }}</p>
    <p>库存: {{ storage }} </p>
    <p>要购买的商品数量：
      <span> {{ buyNum }}  </span>
    </p>
    
  </div>
  <script>
    var vue = new Vue({
      el:"#box",
      data:{
        price:200, // 单价
        storage:15, // 库存量
        buyNum:0  // 购买量
      }
    })
  </script>