全局组件定义的三种方式_第1页
免费预览已结束，剩余2页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、全局组件定义的三种方式一、vue组件的优势1、我们在写一个页面的时候，时长会遇到一种样式，或者一块菜单栏之类的，它们在无数的页面都是千篇一律的，假如我们每一个页面都写一遍的话，会造成巨大的铺张时光和精力，假如我们所有复制黏贴过去的话，后期的修改又会非常的疼痛，有没有方法能让我们将这一块通用的样式/菜单给封装起来，等到我们用法的时候，挺直引入进来，就能正常的用法了，并且我们在维护的时候，只需要修改一个文件，就能完成整体的修改。组件这个概念就应运而生了组件具有的优势是： 提高开发效率 便利重复用法 简化调试步骤 提升囫囵项目的可维护性 便于协同开发vue 中的组件是一个自定义标签形式，vue.js

2、的编译器为它添加特别功能；vue也可以扩展原生的html元素，封装可重用的代码。二、vue组件的构建：这里以创建hearmenu为例1、创建文件夹hearmenu，文件夹里面创建文件：hearmenu.vue（主要的组件代码）以及hearmenu.css（组件的样式）下面是vue的主要内容：2、组件文件的引用在对应的页面/组件，引入需要的组件，引入了之后，需要在当前页面注册在当前页面注册胜利之后，在引用的时候，需要留意这里是驼峰的写法，写在html的时候需要将它们拆分开来 ，不然会报错的。比如hearmenu→hear-menu这样就引入了你自己定义的组件了三、vue组件的注重事项1、js 中全部驼峰式命名属性在 html 中均须写成小写字母短横分隔的形式2、全局注册的优点在于全部的vue实例都可以用，缺点在于权限太大，容错率降低（类似于javascript中的全局变量和局部变量）3、有多个单词时，推举用法kebab-case （

人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论