vue学习：xmg vue学习笔记1/14代码案例

ppt笔记参考：https://blog.csdn.net/qq_22182989/article/details/94393963

****************************

官网：下载vuejs：

https://cn.vuejs.org/v2/guide/installation.html

 

    
    




    
{{message}}
    
{{name}}

------------------------------
下面这个div没有交给vue实例管理。所以无法显示数据
{{message}}

效果：

********************

    
    



    

        
{{item}}
    

 

追加

 

*********************

计数器案例：

    
    



    
当前计数：{{counter}}
    
    +
    -
    
    复杂的，设置methods看console+
    复杂的，设置methods看console-

***************

还可以简写：

**********************

设置vue模板，设置成功后，输入vue+tab就出来了

{{message}}

 

 

****************

mustache语法中，不仅仅可以直接写变量，也可以写简单的表达式

    
    



    
{{message}}
    
{{message}},yukky!
    
    
{{firstName + lastName}}
    
{{firstName + ' ' + lastName}}
    
{{firstName}} {{lastName}}
    
{{counter * 2}}

******************

v-bind动态绑定

：语法糖

  
  




  
  
  
  
  百度一下
  

  
  
  百度一下

*******************************

    
    



    
{{message}}
    
{{message}}

 

前：

后：

*************************

    
    



    
{{url}}
    

*************************

    
    



    
{{message}}，啦啦啦♪(^∇^*)!
    
    
，啦啦啦♪(^∇^*)!

*************************************************

    
    



    
{{message}}
    
    
    
    
{{message}}

************************

v-cloak

    
    
    



    
{{message}}
    

刚开始：

 

5秒后：没了

 

*******************

对象语法：

    
    
    



    
    
    
    
{{message}}
    
{{message}}
    按钮

 

************************

数组语法：

    
    



    
{{message}}
    
{{message}}

***************************

对象语法：

    
    



    
{{message}}
    
{{message}}

*******************

数组语法：

    
    



    
{{message}}

***********************************