🎨 属性绑定和双向数据绑定

wuyongyu · Sep 27, 2018 · 57e2270 · 57e2270
1 parent 441a34b
commit 57e2270
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -12,15 +12,19 @@
 
     <div id="root">
         <h1 v-text="content" @click="handleClick"></h1>
-        <div v-html="html"></div>
+        <div :title="title" v-html="html"></div>
+        <input type="text" v-model="text"/>
+        <div>{{text}}</div>
     </div>
 
     <script>
         new Vue({
             el: "#root",
             data: {
                 content: "hello",
-                html: "<h1>Vue</h1>"
+                title: "this is Vue",
+                html: "<h1>Vue</h1>",
+                text: "this is text"
             },
             methods: {
                 handleClick: function () {