<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评论
基于vuejs的ui框架:
1. Vue-Blu https://chenz24.github.io/vue-blu/#/
2. Vue Material http://vuematerial.io/#/
3. Vuetify https://vuetifyjs.com/
4. Bootstrap-Vue https://bootstrap-vue.js.org/
5. Quasar ht
转载
2021-08-13 18:52:41
190阅读
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>
原创
2021-07-02 11:26:38
189阅读
功能介绍:基于element-ui和vuejs的表格式穿梭框组件——可双击穿梭,批量选择穿梭;清空选中项。组件代码-具体代码在git仓库-https://github.com/layaling/formLibs.git中,可直接拉取引入使用全局注册穿梭框组件import shuttleBox from './main.vue'
shuttleBox.install = function (Vue)
转载
2021-05-06 15:08:49
491阅读
2评论
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评论
ui组件推荐1. Muse-UIMuse UI 是一套 Material Design 风格开源组件库,旨在快速搭建页面。它基于 Vue 2.0 开发,并提供了自定义主题,充分满足可定制化的需求。material-design-icons 是谷歌定义的一套icontypeface 是谷歌定义的一套字体2. Vant WeappVant 是一个轻量、可靠的移动端组件库,于 2017 年开源。目前 V
转载
2024-01-22 17:30:06
158阅读
vuejs23简单组件使用
原创
2017-02-07 11:27:29
640阅读
几个知名网站前端用到的框架-20191121 Bootstrap: bootstrap小练习 Bootstrap从入门到界面(商城网站的前端界面...
原创
2022-03-10 11:07:20
115阅读
常用的简单ComponentTextview文本视图Edittext编辑框Button按钮Imageview图片视图Checkbox多选框RadioGroup单选择根组Radiobutton单选择框Toast文本小提示常用UI组件px:pixels(像素).不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多。布局文件里可以用属性设置相应组件的属性值;Java端也可以使用组
原创
2021-03-07 21:24:08
1760阅读
这段时间对我了解的一些框架知识的总结:桌面端1、ElementElement-UIElement-UI :是基于 Vue 2.0 的桌面端组件库 开发团队:饿了么前端Element-PlusElement-Plus:基于 Vue 3.0 的桌面端组件库2、Ant DesignAnt Design VueAnt Design Vue: 基于 Ant Design 和 Vue 的 企业级 UI 组件库
转载
2024-05-13 22:31:07
150阅读
现在Photoshop的UI工具包是设计师们最喜爱的资源,收藏到一套好的组件包,常常是欣喜若狂呀。包包们已经成为web设计者迅速开发不可或缺的神兵利器,里面往往会放满了网站所需要的一切组件,譬如:导航、翻页、焦点图、滚动条、按钮、表格、菜单等等。(注意:因为时间和版权原因,有一部分psd已经被作者下架了。同时,我也知道很多朋友都知道下面的网站,可是却有相当一部分人,不知道怎么在这里挖掘到属于你的宝
UI组件是构成UI界面的基本元素,具有相同基础结构和行为模式的多种UI组件在一起形成了组件库。一部分组件之间有一定的关联:类的继承,组合。
UI组件设计的本质就是:
1. 骨架设计:基础结构 + 行为模式
&nb
转载
2023-11-05 13:28:05
101阅读
给组件绑定事件,该事件是自定义的事件 <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阅读