Vue - 实现简单类数据存储效果（操作数组）

最新推荐文章于 2024-02-09 14:05:47 发布

VIP文章 LSYHhhhh

最新推荐文章于 2024-02-09 14:05:47 发布

阅读量1.3k

点赞数

分类专栏： Vue.js

本文链接：https://blog.csdn.net/qq_33961117/article/details/83547764

版权

方式一、使用vue实例进行数据传输实现

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>todoList案例</title>
</head>
<body>
	<div id="app">
		<div>
			<input type="text" v-model="val">
			<button type="button" @click="submitMsg">提交</button>
		</div>
		<ul>
			<li v-for="(v, i) in list" :key="i" @click="removeMsg(i)">第{
   { i + 1 }}条:{
   { v }}</li>
		</ul>
		{
   { list }}
	</div>
</body>
<script src="js/vue-2.5.17.js"></script>
<script type="text/javascript">
	new Vue({
		el: "

最低0.47元/天解锁文章

优惠劵

LSYHhhhh

关注关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
Vue - 实现简单类数据存储效果（操作数组）

方式一、使用vue实例进行数据传输实现&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;todoList案例&lt;/title&gt;&lt;/head&gt;&lt;bo
复制链接

扫一扫