Vue 知识整理—03-指令-白红宇的个人博客

Vue 知识整理—03-指令

发布日期：2021-05-14 08:43:25 浏览次数：14 分类：博客文章

本文共 2843 字，大约阅读时间需要 9 分钟。

��

1. v-text & v-html

��

��v-text ��

��v-html �� html ��

�� (XSS��)


             
              
      {{str}}
        
      
        
      ������p������������������
        
      ������p������������������
        
      
        
              
      ������p������������������

2. v-if & v-show

��

�� bool ��

��

��v-if ��

��v-show �� display��none

��:

��v-if ��

��v-show ��

��v-if �� v-show �� v-show �� v-if ��

3. v-on

��

�� vue �� v-on �� DOM �� JavaScript ��

��

��v-on : ��.�� = �� fn ( ) �� v-on �� @

��fn ( ) �� methods ��

�� $ event

��prevent once

. once - ��

. prevent - �� event.preventDefault()��

p
             
              
              
              
              
              
              
              
              
              
              
              
      
        
              
              
              
              
      ��������������������������� {{ count }} ������

4. v-bind

��

��v-bind:��=�� v-bind ��#### ��src��id��

html  
             
              
              
      ������
    
     
        #### ������class���������������������������������##### ������������������isActive���true������������������������ `
     
`css .active {            color: red; }html 
             
      
                   hei        
      
        
          
     
js      ##### ��������������������������� `
     
`html
     
          hei
     
  #### ������style���������������������������##### ���������������������������
     
html 
             
      
                   ������������        
      
    
     
        ##### ������������html
     
      abc
     
#### ������������html

上一篇：git学习标签管理（第十天）

下一篇：Vue 知识整理—02-起步

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章