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