组件库
2020-10-14 15:39:22 78 举报AI智能生成
组件库
作者其他创作
大纲/内容
目标
把公共的功能（不限于某个具体项目），抽取出来，以UI库的方式展示出来
学习一些平时少用的一些vue技巧
公共代码
组件
Vue.component()
指令
Vue.drective()
过滤器
Vue.filter()
原型上的属性和方法
Vue.prototype.XXX
Vue.use()
参数是一个对象，对象有一个名为 install 的方法
框架基本结构
vuecli创建项目
调整目录结构
packages
放组件
结构
index.js
收集组件并导出
XXX/XXX.vue
examples(原src)
alert
功能
在页面有一个高亮的区块，提醒用户
设置
type
isClose
closable
center
知识点：
slot
prop类型校验
validator
按钮
功能
单个按钮功能
设置
type
disable
loading
知识点：
slot
prop类型检验
计算属性来设置class
原生事件
$attrs
switch
功能
美化版的checkbox
设置
初始值
知识点
v-model
model: {
prop: 'checked',
event: 'change'
},
prop: 'checked',
event: 'change'
},
dialog
功能
弹出对话框
知识点
sync修饰符
message
功能
通过全局方法来去调用组件
知识点
Vue.extend
Vue.$mount
Vm.$el
0 条评论
下一页
