【Vue实战】Vue应用与数据绑定——章节【一】

【Vue实战】Vue应用与数据绑定

1. 引入vue.min.js

<script src="https://unpkg.com/vue/dist/vue.min.js"></script>

1.1 创建vue实例

<body>
    <div id="app">
         <input type="text" v-model="name" placeholder="你的名字">
          <h1>你好，{{ name }}</h1>
    </div>
</body>

<script src="https://unpkg.com/vue/dist/vue.min.js">
</script>
<script>
    var app = new Vue({
         el: '#app',
         data:{
             name: ' '
         }
})
</script>

 

posted @ 2021-09-25 15:25  沾青先生  阅读(42)  评论(0)    收藏  举报