vuejs组件注册代码示例

ゞ浴缸里的玫瑰 2023-10-04 10:52 10阅读 0赞

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <script src="vue.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
    <div id="app">
    	<button-counter></button-counter>
    	<test></test>
    </div>
    <script type="text/javascript">
    Vue.component('button-counter', {
         
    	props: ['title'],
    	data: function () {
         
    		return {
         }
    	},
    	template: '<div><h1>hi...</h1></div>',
    	methods:{
         
    		
    	}
    })
    var vm = new Vue({
         
    	el : "#app",
    	data : {
         
    		
    	},
    	methods:{
         
    		clicknow : function (e) {
         
    			console.log(e);
    		}
    	},
    	components:{
         
    		test : {
         //组件的名称为test
    			template:"<h2>h2标题</h2>"
    		}
    	}
    });
    </script>
    <style type="text/css">
    
    </style>
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E3NzIzMDQ0MTk_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E3NzIzMDQ0MTk_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210415145301791.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E3NzIzMDQ0MTk=,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关 reactjs antd代码示例：Bubble组件和message组件使用示例

Ant Design（AntD）是一个优秀的前端UI框架，为React应用程序提供了一整套设计语言和高质量的React组件。以下是一个使用AntD的`message`和`Bub

偏执的太偏执、/ 2024年02月17日 13:37/ 0 赞/ 97 阅读

相关 SpringBoot注册web组件

目录前言一、注册Servlet组件 1.1 使用SpringBoot注解加继承HttpServet类注册 1.2 通过继承HttpServet类加配置类来进行注册

淡淡的烟草味﹌/ 2023年10月16日 12:20/ 0 赞/ 106 阅读

相关 vuejs组件注册代码示例

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title>

ゞ浴缸里的玫瑰/ 2023年10月04日 10:52/ 0 赞/ 11 阅读

相关 Vuejs组件化开发

组件化开发 01-组件化开发 01-组件化开发的基本使用 02-全局组件和局部组件 03-父组件和子组件 04

Myth丶恋晨/ 2022年10月29日 07:44/ 0 赞/ 303 阅读

相关 Vuejs——（８）Vuejs组件的定义

本篇资料来于官方文档： http://cn.vuejs.org/guide/components.html 本文是在官方文档的基础上，更加细致的说明，代码更多更全。

怼烎@/ 2022年07月18日 01:52/ 0 赞/ 393 阅读

相关 vuejs组件通信的eventHub(巴士）

eventHub以我理解，他有点像vuex eventHub是什么？但是又是缩小版的，可以说是乞丐版，因为他所操作的东西并不多。但是作为组件之间的通信已经足够了，

迈不过友情╰/ 2022年05月13日 08:34/ 0 赞/ 362 阅读

相关 vuejs组件通信精髓归纳

组件的分类 1. 常规页面组件，由 vue-router 产生的每个页面，它本质上也是一个组件（.vue），主要承载当前页面的 HTML 结构，会包含数据获取、数据整理

朴灿烈づ我的快乐病毒、/ 2022年03月08日 15:08/ 0 赞/ 317 阅读

相关 Vue组件注册

Vue组件注册组件名组件名大小写使用 kebab-case 使用 PascalCase 全局注册

朱雀/ 2021年10月20日 01:12/ 0 赞/ 380 阅读

相关 Vue组件注册

本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：[《Vue官方文档》][Vue]。相关学习笔

一时失言乱红尘/ 2021年08月19日 16:16/ 0 赞/ 507 阅读

相关 Vue.js组件注册

组件是Vue.js最推崇的，也是最强大的功能之一，核心目标是为了可重用性高，减少重复性的开发。组件有两种注册方式：全局注册和局部注册。全局注册 Vue.

布满荆棘的人生/ 2021年06月24日 16:10/ 0 赞/ 573 阅读