vue基础认识
@{
ViewBag.Title = "Index";
}
<div id="app">
{
{
name }}
<input type="text" v-model="name"/>
<p v-text="name" style="background-color:aquamarine"></p>
</div>
@section scripts{
<script type="text/javascript">
var v = new Vue({
el: "#app",
data:{
"name":"你好"}
})
</script>
}
效果实现:
在text输入框里面改变值时,p标签以及{
{name}}回随之发生变化
- v-model 是把input中的value覆盖了
- v-text 被视为了一个文本框
- v-html 视为了一个html的属性 比如 < h1> 你好 < /h1>,在v-text中是< h1> 你好 <
/h1>,但是在v-html中是你好
vue的显示表格
index
@{
ViewBag.Title = "Index";
}
<div id="app">
<table class="table">
<thead>
<tr>
<th>id</th>
<th>名称</th>
<th>备注