HeroMeikong
HeroMeikong

Vue.js学习笔记

  1. app.$mount("#app")手动挂载，当Vue实例没有el属性时，则该实例没有挂载到某个dom中；假如需要延迟挂载，可以在之后手动调用vm.$mount方法来挂载
  2. Vue的单文件组件、、
  3. Vue的插槽
  4. Vue中':'是'v-bind:'的缩写
  5. 在props里写的iconPosition到HTML会被Vue自动转换为icon-position(HTML规范中不能有大写)
  6. Vue的属性检测器validator(xxx){}用来检测用户是否按照要求设置属性
  7. 若在属性前不加':/v-bind:'则被视为字符串，加了以后''可有可无
  8. mounted(){}当该组件出现在页面中时便会执行
  9. Vue中this.$children只会寻找Vue的实例无法区分，可用this.$el
  10. 用$mount('#app')动态加载组件
  11. 若不把元素加载到页面，页面便不会渲染它，也不会加载其CSS样式，故有时$mount()需加参数
  12. Vue中使用自定义组件到方法：1⃣️全局注册 2⃣️局部组件(export default{ components: { 'g-icon': Icon }, })
  13. :class = "{ 'error': error }" => :class = "{error}"
  14. 如果你不想在div里添加一个v-if(增加一个标签)，那么可使用template标签
  15. 在中有原生的change事件，Vue通过$event来表示：@change = "emit('change', $event)"、emit('change', $event, 'hi', 'How')
  16. v-model = "message" <=> :value = "message", @input = "message = $event.target.value"
    value绑定message属性，input发出来一个事件，将message作为该事件值
  17. Vue的dom diff检查到双向数据一样，便不会改变
  18. Vue渲染的标签内不能添加