登录免费注册

首页  思维导图  详情



 



Vue 插件

Vue 插件

2020-07-31 14:27:14   0  举报





AI智能生成

手把手学会Vue 插件开发发布

Vue

Vue插件

前端知识

模板推荐

作者其他创作

大纲/内容

发布

注册npm账号

初始化目标插件文件

npm init -y

目标文件下出现pakage.json

修改pakage.json信息

name

为插件名称不得重名

version

版本

author

作者

npm login

输入相关信息登录npm

npm publish

发布插件

使用插件

npm  i  插件名称

import xx from '插件名称'

Vue.use(xx) --- 全局注册

认识

解析：

ind

对应指令名称

v-ind

bind参数

el

指令所绑定的元素，可以用来直接操作 DOM

binding

对象

name

自定义指令名称

value

指令绑定值

expression

绑定值的字符串形式

modifiers

一个包含修饰符的对象

v-my-directive.foo.bar, 修饰符对象 modifiers 的值是{ foo: true, bar: true }

vnode

虚拟节点

vnode.elm.innerText = '小王八'

改变内容

oldVnode

上一个虚拟节点

仅在 update 和 componentUpdated 钩子中可用

认知

开发

Vue.myGlobalMethod

添加全局方法或属性

Vue.directive

添加全局资源

自定义指令

基本格式

Vue.minxin

定义公用的变量和方法

区别Vuex

相互独立

组件内不会相互影响

区别组件

引入组件方法等合并

相当于父组件进一轮扩展

例子：

要求：自定义check进行简单校验

组件内

check的实现

Object.keys

拿到check下keys数组

['text']

rule

text对应的内容

this.$watch

监听当前key变化

进入validate逻辑

Vue.prototype.方法名

定义

调用

 Collect

Get Started

插件描述安装

 Collect

Get Started

插件切换

 Collect

Get Started

插件描述类图

 Collect

Get Started

Vue













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document