Vue 插件
2020-07-31 14:27:14 0 举报AI智能生成
手把手学会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.方法名
定义
调用
0 条评论
下一页
