vue学习笔记

好久没更新啦，一直忙于工作，感觉是时候要抽点时间出来进修一下啦，暂时在学习vue，虽然作为一个后台开发，但是感觉前端的东西还是要懂一丢丢的，暂时先从慕课上面的课程学起吧，记下一些笔记之类的

 

    
        
        
    


    

        HelloWorld
        {{msg}}
    

    

        

            {{msg}}
        
        {{count+1}}
        
        baidu
        

        
        加数字

    

第一个vue的demo，学到了一个vue的基本写法，其中 el是绑定到哪个id上，如果你想绑定到class上的话，要写 .bg这样，如果是绑定到id上的话，就加#号就可以了。（如果是绑定到class上的话，有多个一样的话，他会绑定到第一个上的，所以最好还是绑定到id上吧。）

然后如果想绑定一些执行的方法，就直接写 @click=submit()就可以了，不用像以前一样写js，只要定义在那个vue里面的methods就可以了，跳转链接的话也是直接冒号 :href 到一个变量里，然后在vue结构体里面你自己定义就行了。

 

    
        
    


    

        {{msg}}
        

            {{msg1}}
        
    

第二份demo，主要是看watch和computed两个方法

watch相当于用来监听一个变量发生改变时候的情况

computed 可以用于多个，只要一个变了，他就会重新渲染一下数据

 

    
        
    


    

        

                count大于0,count的值是:{{count}}
        
        

                count的值是：{{count}}
        
        

                count小于-5啦{{count}}
        
        

            123123123:   {{count}}
        

        

            

                {{item.name}}
            
            

                {{item.age}}
            
        
    

  这里主要是看v-for的列表循环