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 这件事
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律