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

来源:2-4 Vue中的属性绑定和双向数据绑定

qq_光明尽头离人殇_suyGTY

2019-12-12 16:58

<!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>

写回答 关注

4回答

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

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

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

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

  • 柠檬骑士
    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>

    慕码人022...

    <script>一直都是放<body>里面吧

    2020-04-15 13:47:23

    共 1 条回复 >

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

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

    qq_光明尽...

    不行呀,兄弟

    2019-12-12 18:20:38

    共 1 条回复 >

vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

146151 学习 · 655 问题

查看课程

相似问题