vue的使用教程

vue的使用

1. Vue.js是什么
   1. 是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，vue不关心页面显示，只关心数据。
2. 引入Vue.js的方式
   1. 直接用<script/>引入
   2. CDN
      1. <script src="https://cdn.jsdelivr.net/npm/vue"></script>
   3. NPM
      1. $ npm install vue
3. 指令事件
   1. v-model 动态绑定
   2. v-if 判断
   3. v-bind 动态绑定参数 缩写 :
   4. v-for 循环
   5. v-on 点击事件 缩写 @
   6. v-html 设置html属性
4. 条件渲染
   1. v-if
      1. v-else-if
      2. v-else
   2. v-show
      1. 如何显示的结果为false，结果会隐藏起来diaplay:none；
5. 如果需要非常频繁地切换，则使用v-show较好；如果在运行时条件很少改变，则使用v-if较好。