VUE组件如何创建、渲染、及注册


这篇文章主要介绍“VUE组件如何创建、渲染、及注册”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“VUE组件如何创建、渲染、及注册”文章能帮助大家解决问题。创建组件用Vue.extend()创建的组件不要写el因为最终所有的组件都要被vm管理,由vm决定服务的对象date不能写对象形式而是写成函数形式,且其中一定要return一个对象注意:在全局环境下使用Vue.entend({})创建的组件,在不使用Vue.component(‘组件名’,最终组件名)声明时,就是局部组件,不可以被其他vm实例使用,如果使用了Vue.component创建的组件时为全局组件(Vue.entend可以省略,直接const 组件名={ })当组件注册完成之后,在页面中vm服务的el内使用,使用方式就是将最终组件名作为一个标签放到想要的位置等待浏览器解析即可页面中总结:vm实例相当于起了一个桥梁作用,使得组件中的内容最终会被展现在页面上,这样提高了代码的利用率,当我们需要重复使用某一个内容时,可以直接找到这个内容所在的组件,然后将组件注册到实例上即可在页面中展示。1、全局注册:当Vue创建,组件就会被加载,不管该组件使不使用,都会被加载【占内存】【入门程序】2、局部注册:当我们使用到某个组件,该组件才会被创建免费云主机域名,如果不使用该组件,那么该组件不会被创建创建vm,配置el(决定components中的组件为谁服务)配置components对象,其中元素以key,value存储,key是在当前实例中的组件名(最终组件名),value是我们在全局环境下配置的组件名全局注册局部注册关于data为什么是一个函数在组件中编写html结构时,来回复制黏贴,非常麻烦,也很占内存。解决办法是在html里用模板编写,并且和js分离1、模板需要写在template标签中,template标签写在容器外部2、在template标签中只能有一个根标签

相关推荐: Larave框架如何通过sanctum进行API鉴权

这篇文章主要讲解了“Larave框架如何通过sanctum进行API鉴权”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Larave框架如何通过sanctum进行API鉴权”吧!1.使用laravel框架进行用户…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/27 22:00
下一篇 03/27 22:00

相关推荐