Vue——组件总结

54 阅读1分钟

语法糖:

  • v-bind:属性名=“js语法环境” ==>:属性名

  • v-on:事件名(可以是自定义事件)=“监听” ==>@事件名.事件修饰符(stop、capture、self、once)

  • v-model=“msg” 组件也可以使用,组件内部要吃饭input事件,属性接受的属性名是value

  • v-model.number="msg"

  • v-model.tirm="smg"

  • v-model是:value和@input的一个语法糖

  • v-if

  • v-if/v-else

  • v-if/v-else-if/v-else

  • v-for/key

  • v-for/v-if 2.0v-for优先,3.0v-if优先

  • v-text

  • v-html

  • {{}}

  • v-pre

  • v-slot组件内部用slot标签代表槽位,name属性是具名槽位,使用组件时,具名必须用template

  • v-slot:槽位名 ==>#槽位名

  • v-cloak:解决首屏闪烁bug

  • v-if/v-show

  • 函数: 8个组件钩子: 2个缓存组价钩子:

  • 属性:

  1. props:[ ]
  2. methods:{}
  3. watch:{}
  4. computed:{}
  5. filters:{}
  6. directives:{}
  7. compontents:{}
  8. comments:true//注释是否一起打包
  9. name:"devtool"//给浏览器安装插件,方便查看组件的嵌套关系