问答详情
源自：2-4 Vue中的属性绑定和双向数据绑定

没有绑定，点击bbb没有出现"this is beauty"，用的subline Text3

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>属性绑定和双向数据绑定</title>
        <script src="./vue.js"></script>
    </head>
    <body>
        <!-- title和数据项的title进行绑定v-bind可以简写为： -->
        <div id="root">
            <div :title="title">bbb</div>
            <input />
            <div>{{content}}</div>
        </div>
        <script>
            new Vue({
                el:"#root",
                data:{
                    title: "this is beauty",
                    content:"this is content"
                }

            })
        </script>
    </body>
</html>

提问者：qq_光明尽头离人殇_suyGTY 2019-12-12 16:58

个回答

  • 慕码人0226809
    2020-04-15 13:49:33

    绑定title的话是鼠标放上去有显示提示内容吧

    0
  • 罗小黑003
    2019-12-14 13:25:39

    不是点击，是你把鼠标放在bbb上会出现this is beauty，我用了你的代码，鼠标放上可以显示this is beauty 的。你若想点击修改bbb的内容你还需要写一个methods。

    0
  • 柠檬骑士
    2019-12-13 18:04:37

    <body>
            <!-- title和数据项的title进行绑定v-bind可以简写为： -->
            <div id="root">
                <div :title="title">bbb</div>
                <input />
                <div>{{content}}</div>
            </div>
        </body>


    <script>
                new Vue({
                    el:"#root",
                    data:{
                        title: "this is beauty",
                        content:"this is content"
                    }

                })
            </script>

    0
  • 柠檬骑士
    2019-12-12 18:06:34

    <script>里面的内容你得放在body外面

    0