Vue

    <div id="box">
         {{a}}　　// 插值表达式
         <p>{{str}}</p>
         <p title="world">hello</p>     // 把“xxx”当变量处理
         <p v-bind:title="a">hello</p>  // 把“xxx”当变量处理
         <p :title="a">hello</p>        // 简写
         <img v-bind:src="‘img/‘+url+‘.jpeg‘" width="100" />
         <img v-bind:src=`img/${url}.jpeg` width="100" />
    </div>
    <script>
         var vm =  new Vue({
                el:"#box", //表示把vue的是实例挂载到id叫box的元素上
                          //body ,html不能挂载
                data:{
                    str:"hello world",
                    a:123,
                    url:"3"  //存储的图片的名字
                },
               // template:"<div><div>hello</div><div>world</div></div>"  //temlate指定渲染数据的模板 根元素只能有一个
               // template:"<div>hello {{a}}</div>"
           })
    </script>