2018-07-26 (Vue)

vue.js 的核心是一个,允许采用简洁的模板语法来声明式将数据渲染进 DOM 的 系统。

      
    <div id = "app">

           {   {   message  }  }

    </div>

    let app = new Vue({
       
      el : ' #app ',
       data: {
        
          message : ' Hello Vue! '

}


})



绑定元素的特性

    <div id ="app-2">
      
             <span v-bind:title="message">
                         鼠标悬停几秒钟查看此处动态绑定的提示信息!
             </span>


    </div>

    let app2 = new Vue({
         
        el : '#app-2',

         data: {

              message: '页面加载于'  +  new Date().toLocaleString();

     }



})



条件与循环

     
     <div id = "app-3">

            <p v-if = "seen">现在你看到我了</p>         

     </div>
 
      let app3 = new Vue({

           el : '#app-3',

           data :{
   
              seen : true
    
    }


  })

推荐阅读更多精彩内容