1,组件中使用camelCased(驼峰式)命名,在html中应改为kebab-case(短横线)命名方式。

vue开发小结

2,自定义组件的v-model使用

一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框、复选框等类型的输入控件可能会将 value 特性用于不同的目的model 选项可以用来避免这样的冲突:

vue开发小结

  • 注意你仍然需要在组件的 props 选项里声明 checked 这个 prop。

3,css作用域

当 <style> 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素。

 

相关文章:

  • 2021-08-31
  • 2022-03-06
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-08-02
  • 2021-12-26
  • 2022-12-23
  • 2022-12-23
  • 2021-10-01
  • 2021-08-14
  • 2021-09-29
相关资源
相似解决方案