普歌--智音团队--Vue入门基础

普歌–智音团队–Vue入门基础

一：Vue.js概念

Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。

二:Vue的常见指令

• v-once指令：常用于对页面响应后的数据进行更改时，v-once会静止其对数据的更改；
  

• v-html指令：当JS代码对象中出现html的形式时，在body中使用html使用v-html="对象的属性名"可以以html的形式解析出来；
  

• v-bind指令：可以简写为： ，常用于动态绑定事件属性
  动态绑定class
  动态绑定style
  

• v-on指令：可以简写为：@ ，常用于点击事件
  
  
  v-model指令:常用于实现事件的双向绑定
  
  v-if v-else指令:两个指令常搭配使用判断条件是否满足
  
  基本指令整合案例
  效果展示