Vue组件基础复习

  1.定义组件

    使用Vue.extend(options)可以创建一个组件,其中options 和 new Vue(options)时传入的十分相似,但亦有区别:

      组件不能配置el,最终所有的组件通过vm实例管理,vm决定着服务于哪个容器;

      组件中data需要写成函数型,避免组件被复用时,数据存在引用,引起不必要的bug;

  2.注册组件

    局部注册:new Vue实例时传入components;

    全局注册:Vue.component(‘组件名称’,组件);

  3.使用组件(组件标签)

    组件名由一个单词构成

      首字符小写up

      首字符大写UP

    组件名由多个单词组成

      kebab-case命名:up-to-do

      CamelCase命名(大驼峰):UpToDo(Vue脚手架支持才能实现)

    组件标签

      <tag></tag>

      <tag/>  自闭合标签 

         注意:不使用脚手架时,<tag/>会导致后续组件不能渲染

  关于 const compos = Vue.extend(options)可以简写成 const  compos = options 这件事

posted @ 2022-03-24 18:13  清水紅葉  阅读(29)  评论(0编辑  收藏  举报