2.重学Vue 模板语法 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <title>模板语法</title>
        <!-- 引入Vue -->
        <script type="text/javascript" src="../JS/vue.js"></script>        
    </head>
    <body>
        <div id="root">
            <h1>插值语法</h1>
            <h3>你好,{{name}}</h3>
            <hr>
            <h1>语法指令</h1>
            <a v-bind:href="url" x="hello">点我去百度:干什么{{school.name}}</a>
            <a :href="url" x="hello">点我去百度</a>
        </div>
    </body>
    <script>
        Vue.config.productionTip = false;//关闭F12开发者VUE引用提示

        //创建Vue实例
        new Vue({
            el:"#root", 
            data:{
                name:"梦晓轩",
                url:"http://www.baidu.com",
                school:{
                    name:"学习Vue",
                }
            }
        });
    </script>
</html>

　　

posted @ 2022-01-09 06:56  种太阳  阅读(27)  评论(0)    收藏  举报