vue组件
关注
分享
扫一扫
zmj2051176726
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
全局组件
全局组件组件可以扩展 HTML 元素，封装可重用的代码。组件是可复用的 Vue 实例，且带有一个名字。1.创建步骤：创建组件构造器 var myton=Vue.extend({ //data必须是个函数 data:function () { return{ count:...原创 2019-08-28 10:49:03 · 1056 阅读 · 0 评论 -
局部组件
局部组件调用Vue.component()注册组件时，组件的注册是全局的，这意味着该组件可以在任意Vue示例下使用。如果不需要全局注册，或者是让组件使用在其它组件内，可以用选项对象的components属性实现局部注册。component就代表全局组件，components代表局部组件。1.完整代码如下<body><div id="app"> <t...原创 2019-08-28 11:19:24 · 406 阅读 · 0 评论 -
父子组件
父子组件<body><div id="app"> <ton></ton></div></body><script> //创建子构造器 var child1=Vue.extend({ template:'<h1>我是子一</h1>' }...原创 2019-08-28 11:48:39 · 516 阅读 · 0 评论 -
template和script标签
templte标签把模板代码放在component的template里，不好排版，看着难受。。。。。可以把代码用template标签单独拎出来。1.步骤创建模板<template id="myone"> <h1>哈哈哈</h1></template>注册组件（用id关联）局部组件： new Vue({ ...原创 2019-08-28 13:10:01 · 2047 阅读 · 0 评论 -
验证组件中data必须是函数
验证组件中data必须是函数<body><div id="app"> <ton></ton> <ton></ton> <ton></ton></div><template id="myone"> <button @click="cou...原创 2019-08-28 13:48:36 · 168 阅读 · 0 评论 -
props--父组件传递数据给子组件
组件之间通信组件实例的作用域是独立的，这意味着不能并且不应该在子组件的模板内直接引用父组件的数据，但是原创 2019-08-29 09:27:17 · 918 阅读 · 0 评论 -
自定义事件
自定义事件一.概念父组件是使用props传递数据给子组件，但如果子组件要把数据传递回去，应该怎么做？那就是自定义事件！每个Vue实例都实现了事件接口（Evens interface），即：使用$on（eventName）监听事件使用$emit（eventName）触发事件另外，父组件可以在使用子组件的地方直接用v-on或者@（不用$on）来监听子组件触发的事件。二.例子<bo...原创 2019-08-29 11:53:55 · 136 阅读 · 0 评论