02 vue属性操作

学习如下vue常用指令的属性操作:

•         Vue常用指令之计算属性 computed
•         Vue常用指令之侦听属性 watch
•         Vue常用指令之自定义属性
•         Vue常用指令之获取DOM元素
•         Vue常用指令之element-ui

计算属性 computed

    
    
    
    
    
    



    

        

            

                

                    
学科
                    
成绩
                
            
            

                

                    
Python
                    

                
                

                    
Vue
                    

                
                

                    
Go
                    

                
                

                    
总成绩

                    
{
     { sumScore }}
                
            
        
        

        {
     { python }}
        {
     { vue }}
        {
     { go }}
        {
     { sumScore }}
        {
     { python1 }}
    

    

运行结果:

侦听属性 watch

 

指令修饰符

    
    
    
    
    
    



    

        

            

                

                    
学科
                    
成绩
                
            
            

                

                    
Python
                    

                
                

                    
Vue
                    

                
                

                    
Go
                    

                
                

                    
总成绩
                    
{
     { sumScore }}
                
            
        
        

        {
     { python }}
        {
     { vue }}
        {
     { go }}
        {
     { sumScore }}
    

    

 

获取DOM元素

    
    
    
    
    
    



    

        
Peiqi
        点击让佩奇变绿
    

    

 

自定义指令

    
    
    
    
    
    



    

        
Hello Vue!