<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue</title>
<script src='jquery.min.js'></script>
<link rel="stylesheet" href="bootstrap.min.css">
<script src='vue.min.js'></script>
</head>
<body>
<!-- 模板 将Vue的变量卸载{
{}}中-->
<div id='box'>
<form action=''>
<div class="form-group">
<label for="exampleInputEmail1">姓名</label>
<input type="text" class="form-control" v-model='name'>
</div>
<div class="form-group">
<label for="exampleInputPassword1">年龄</label>
<input type="text" class="form-control" v-model='age'>
</div&gvue--练习（登录demo）
最新推荐文章于 2024-05-07 09:26:23 发布
这篇博客通过一个简单的Vue登录Demo展示了如何利用Vue.js进行表单交互和数据操作。主要内容包括使用v-model双向数据绑定，@click事件监听，以及如何实现数据的增删排序。同时，还涉及到了Vue实例的创建，数据对象的定义，以及methods中的submit、del和sort方法，用于添加数据、删除数据和按年龄排序。
最低0.47元/天 解锁文章
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
