vue基础语法

€雁&痕

于 2020-10-23 17:08:17 发布

阅读量98

点赞数

分类专栏： VUE 文章标签： vue vue.js javascript 1024程序员节

本文链接：https://blog.csdn.net/L_heng_yan/article/details/109246153

版权

本文主要介绍Vue的基础语法，通过购物车案例演示v-指令的使用。同时，对比了计算属性computed与方法methods的区别：计算属性在数据不变时只计算一次，有缓存；而方法每次调用都会执行。

摘要由CSDN通过智能技术生成

vue基础语法<二>

利用v-标签实现小案例
购物车案例：

<style>
    table {
    
      border-collapse: collapse;
    }
    td, th {
    
      border: 1px solid #c7c2c2;
    }
  </style>
</head>
<body>
<div id="shop-cart">
  <div v-if="books.length">
  <table>
    <thead>
    <tr>
      <th></th>
      <th>书籍名称</th>
      <th>出版日期</th>
      <th>价格</th>
      <th>购买数量</th