<div id='root'> <ul> <todo-item></todo-item> </ul> </div> <script> Vue.component('todo-item',{ template:'<li>item</li>' }) </script> 全局组件:上面这种组件叫做全局组件
转载 2018-09-04 21:46:00
232阅读
2评论
<body> <div id="example"> <father></father> </div> </body> <script> Vue.component('child', { // 声明 props props: ['messa
原创 2021-08-27 15:27:02
242阅读
组件向子组件传递一些参数,那么子组件有权对这些参数进行一个校验,这个就是组件参数校验 需求:父组件传递过来的必须是个字符串,这个要怎么去校验呢 <div id='root'> <child content='hello world'></child> </div> <script> Vue.com
转载 2018-09-16 08:51:00
109阅读
2评论
new Vue({ el:'#demo', data:{ message:'Hello vue.js!' } }) 我们看到这个括号里面包含了很多中间的选项,小括号里面其实是一些参数,这些参数指定了实例化vue的一些特性 第一个选项data new Vue({ data:{ a:1, b:[] }
转载 2018-08-22 06:46:00
110阅读
2评论
<!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&g
原创 2022-01-19 11:10:32
56阅读
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8"></script> </head&gt
原创 2021-07-02 11:26:38
189阅读
简单学习了一下 mx 的validator组件 ,以及自定义组件 ---------------------自定义validator 需要继承Validator类package com.mjp.validators{ import mx.validators.ValidationResult; import mx.validators....
原创 2022-11-19 18:35:30
120阅读
validator
原创 2022-12-21 10:15:30
69阅读
在大四实习工作中碰到一个比较特别的需求,要求在一个 table 表格中点击一条数据的编号,在该条数据下方出现一个新的 table 表格。这个需求在 element UI 的官方文档中也有案例,以下是参考了其他博客(找不到博客地址了)和 element UI 之后的最终实现效果。效果图不知道是公司电脑比较拉,还是软件问题导致录制出来的动态图很卡,但是在实际操作并不会卡。代码:页面显示代码:主要代码在
转载 2024-03-21 10:42:57
144阅读
import React, { Component } from 'react' class Header extends Component{ render(){ return ( <div>我是Header组件</div> ) } } class Banner extends Component
原创 2021-08-13 13:52:48
212阅读
vuejs动态组件给子组件传递数据 通过子组件定义时候的props可以支持父组件给子组件传递数据,这些定义的props在子组件的标签中使用绑定属性即可,但是如果使用的是 中进行绑定 组件的作用于是独立的 组件的作用于是独立的,如果要从跟组件获取数据,那么需要一层层的传递才行,也就是说子组件只能从直接
转载 2016-07-03 16:17:00
280阅读
2评论
当父组件要给孙子,或者孙子与孙子要传值的时候怎么传,一层一层传太麻烦了,vuejs提供了一中模式叫发布订阅模式(观察者模式,bus,总线)来处理非父子组件间的传值 <div id='root'> <child content = 'Dell'></child> <child content = 'L
转载 2018-09-17 07:07:00
173阅读
2评论
is属性 <div id='root'> <table> <tbody> <row></row> <row></row> <row></row> </tbody> </table> </div> <script> Vue.component('row',{ template:'<tr><td>th<
转载 2018-09-14 07:08:00
103阅读
2评论
vuejs23简单组件使用
原创 2017-02-07 11:27:29
640阅读
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 1.组件嵌套(school中包含student标签) 2.在app组件中使用其他组件 --> <script src="vue.js"></scrip
原创 2022-12-17 16:55:23
71阅读
VUE组件嵌套vue中组件嵌套烦分为两种,分别是全局注册组件和局部注册组件基本步骤:1、在components 下创建一个新的.vue结尾的文件,文件首字母最好是大写,基于规范复制代码2、分别写出结构层<template></template>、行为层<script></script>和样式层<style></style>复制
转载 2020-06-17 22:04:22
1964阅读
组件绑定事件,该事件是自定义的事件 <div id='root'> <child @click='handleClick'></child> </div> <script> Vue.component('child',{ template:'<div>hello</div>' }) var vm
转载 2018-09-17 06:28:00
101阅读
2评论
component动态组件很适合在不同组件之间切换,相比。组件 ComponentA.vue。组件 ComponentB.vue。组件 ComponentC.vue。依赖 package.json。入口文件 main.js。
原创 2023-04-01 01:45:24
1411阅读
父子组件之间的数据交互遵循: 1. props down 子组件通过props接受父组件的数据 1. events up 父组件监听子组件$emit的事件来操作数据 示例 子组件的点击事件函数中$emit自定义事件 父组件监听事件 父组件的methods中定义了事件处理程序 注意 多参数的传递是一个
转载 2017-08-09 08:16:00
91阅读
2评论
组件交互模式的使用场景 1. 简单应用直接使用props down,event up的模式就可以了 1. 小型应用使用事件中心模式即可 1. 中大型应用使用vuex的状态管理模式 vuex 包含要管理的应用数据和更新数据的methods,其他组件使用 即可完成数据操作. 现在,你可以通过 store
转载 2017-08-09 23:02:00
156阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5