Vue.js添加组件操作示例
作者：wensongyu 发布时间：2024-05-11 09:16:32
标签：Vue.js,添加组件
本文实例讲述了Vue.js添加组件操作。分享给大家供大家参考，具体如下：
<!DOCTYPE HTML>
<html>
<head>
<title>vue.js hello world</title>
<script src="../vue.js"></script>
</head>
<body>
<div id="example">
<my-component v-on:click="cao"></my-component>
</div>
<script>
// 定义
var MyComponent = Vue.extend({
template: '<div>A custom component!</div>'
});
// 注册
Vue.component('my-component', MyComponent);
// 创建根实例
new Vue({
el: '#example',
methods:{
cao:function(event){
alert(event.target.tagName);
}
}
});
</script>
</body>
</html>
效果：
局部注册
不需要全局注册每个组件。可以让组件只能用在其它组件内，用实例选项 components 注册：
var Child = Vue.extend({ /* ... */ })
var Parent = Vue.extend({
template: '...',
components: {
// <my-component> 只能用在父组件模板内
'my-component': Child
}
})
希望本文所述对大家vue.js程序设计有所帮助。
来源：http://www.cnblogs.com/yuwensong/p/5341022.html
0
投稿猜你喜欢
- mysql_result定义和用法mysql_result() 函数返回结果集中一个字段的值。mysql_result() 返回 MySQL
- 本文实例讲述了Python实现动态加载模块、类、函数的方法。分享给大家供大家参考，具体如下：动态加载模块： 方式1：系统函数__import
目录元组1.什么是元组tuple2.元组tuple支持什么数据类型3.元组tuple的基本特征4.如何声明一个元组tuple5.玩转元组tu- 语法在python3中，内置函数中已经没有reduce了。要使用reduce，需要从functools模块里引入可以看到，reduce有三个
- 使用python访问mysql，需要一系列安装linux下MySQLdb安装见 Python MySQLdb在Linux下的快速
- 环境ubuntu 12.04 LTSpython 2.7.3opencv 2.3.1-7安装依赖sudo apt-get install l
- 会员注册以后，有些会员可能会遇到忘记登录密码的问题，因而网站具备“找回密码/忘记密码”功能不仅是必须的，而且是服务贴心的具体表现之一。在此，
- 如下所示：sudo easy_install requests出现如图所示信息done即可愉快的使用 requests了来源：https:/
- next()方法当一个文件被用作迭代器，典型例子是在一个循环中被使用，next()方法被反复调用。此方法返回下一个输入行，或引发
- 如何制作K线图？也不难，代码和说明见下：<％@ Language=VBScript ％><％Respo
- PHP convert_cyr_string() 函数实例把字符串由一种字符集转换成另一种：<?php $str = "He
- 下面主要介绍配置SQL Server数据库恢复模式的两种方法。用T-SQL设置恢复模式你可以使用“ALTER DATABASE”命令加“SE
- 利用python代码生成一个随机的MAC地址，使用python网络编程时或可用上，如果使用scapy模块则可直接利用RandMAC()函数来
- # coding:utf-8 import os import sys def cut_and_paste_file(source, des
- 停止MySQL服务Windows可以右键我的电脑--管理--服务和应用程序--服务--找到对应的服务停止掉免密登录切换到MySQL安装路径下
- 程序设计中三种基本机构是顺序结构、选择结构和循环结构。顺序结构语句是程序中最基础的语句，赋值语句、输入/输出语句、模块导入语句等都是顺序结构
- 1.安装pyinstaller https://www.jb51.net/article/177160.htm2.安装pywin32 htt
- 本文实例讲述了Python实现爬取亚马逊数据并打印出Excel文件操作。分享给大家供大家参考，具体如下：python大神们别喷，代码写的很粗
- 开前准备Schedule使用方法。基本的Linux操作Python3环境Step1首先我得先假设你会了如何每十五分钟去运行一次检查这件事情。
- 记录一笔，防止以后忘了可以过来看看。问题描述：今天做个小实验需要修改MySQL的配置文件，我电脑上安装的是MySQL5.6，由于安装时间太久
