vue 基础语法篇(二)用手脚架搭建的第一个简单的项目-购物车

vue 基础语法篇(二)用手脚架搭建的第一个项目-购物车

好久没更新了,工作比较忙,今天抽出点时间把这几天学的一个小东西发出来
老规矩先上代码

这是一个组件 cart.vue

<template>
	<div id="app">
		<table class="table1">
			<tr>
				<td>商品</td>
				<td>单价</td>
				<td>数量</td>
				<td>总价</td>
				<td>操作</td>
			</tr>
			<tr v-for="(p,index) in data"
				v-bind:key="p.text"
				v-bind:index="index">
					<td>{
   {
   p.text}}</td>
					<td>{
   {
   p.price}}</td>
					<td>{
   {
   p.count}}</td>
					<td>{
   {
   p.count*p.price}}</td>
					<td><button @click="add(index)">