v-if，v-show，v-cloak，sort，v-text，v-html，获取键盘码，v-pre

v-if与v-show的区别

• v-if：判断是否加载，可以减轻服务器的压力，在需要时加载
• v-show：调整css display 属性，可以使客户端操作更加流畅

---

sort

var app = new Vue({
  el:"#app",
  data:{
    arr:[100,99,1000],
    obj:[
      {text:1},
      {text:2},
      {text:3}
    ]
  },
  computed:{
    sortArr(){
      return this.arr.sort(this.sortNumber)
    }
  },
  methods:{
    sortNumber(a,b){
      return a - b
    }
  }
})

vue中使用的数组排序方法

---

v-text,v-html

  {{msg}}

  

  

在网速慢或者是js加载错误的时候，就会在界面上显示一个{{}}，会让很难看，所以不推荐使用双大括号的形式来渲染数据，可以使用的有v-html,v-text，这是我一直想要的，

---

获取键盘码

$(function(){
      $(document).keyup(function(e){
        console.log(e.keyCode)
      })
    })

---

.lazy

    {{message}}
    

延缓数据绑定，当鼠标离开焦点的时候，再进行数据的渲染，其实数据绑定还是在进行，只是不在界面上显示了

---

es6-includes

  

    
aaaa
  
  

---

class三目

  

    
aaaaa
    
sdfsdf
  
  

在class中直接使用三目

---

v-pre

  

    
{{msg}}
  
  

如果想原样输出{{msg}}，就使用上面这种方法，好像没啥应用场景

---

v-clock

    
{{msg}}
  
  

v-cloak在视频上的解释是在所有dom渲染完成之后再进行显示，总感觉这种解释不是很合理，但是这里实现的效果是和v-text是很像的，并没有发现里面的区别

---

’