Vue 双向传值基础

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>备注