知识点7--表单绑定

最新推荐文章于 2024-07-12 14:30:32 发布

尘世壹俗人

最新推荐文章于 2024-07-12 14:30:32 发布

阅读量472

点赞数

分类专栏： VUE 文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/dudadudadd/article/details/125657596

版权

不知大家是否用过一个前端样式框架叫做Bootstrap，该前端框架提供了一种可以绑定的表单，达到的最终目的是通过CSS绑定Class属性为from-group的div中的一个input标签和一个文本标题，保持他们的对齐提供友好的展示效果

而vue的这个表单绑定和Bootstrap有一点类似，但是它的目的不一样，下边通过demo具体看一下它能干什么，注意用的vue的表单绑定用的是v-model

第一种：当绑定主体为input标签时，可以将input的内容与一个文本标签绑定

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- <script src="https://unpkg.com/vue@next"></script> -->
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<input v-model="mes" />
			<p>{
  {mes}}</p>
		</div>
		
		<script type="text/javascript">
			var data

最低0.47元/天解锁文章