plugins 插件


## 插件：功能：用于增强Vue1. 本质包含install方法的一个对象，install的第一个参数是Vue，第二个的参数是插件使用者传递的数据2. 定义插件：对象.install = function(){//添加全局过滤器Vue.filter(....)//添加全局指令Vue.directive(....)//配置全局混入Vue.mixin(....)//添加实例方法Vue.prototype.$myMethod = function(){....}Vue.prototype.$myProperty = xxx}3. 使用插件：Vue.use(plugins)举例说明：
**School.vue**
<template><div><h2>学校名称:{{ name | mySlice }}</h2><h2>学校地址:{{ address }}</h2><button @click="test">点我测试hello方法</button></div>
</template><script>export default {name: 'School',data(){return{name:'清华大学，欢迎你！',address: '北京'}},methods:{test(){this.hello()}}}
</script>**Student.vue**
<template><div><h2>学生名称:{{ name }}</h2><h2>学生性别:{{ sex }}</h2><input type="text" v-fbind:value = "name"/></div>
</template><script>export default {name: 'Student',data(){return{name:'陈慕夏',sex: '女',}},}
</script>**plugins.js**
export default {install(Vue) {//console.log("陈慕夏是阿恒和阿夏最喜欢的小朋友")//全局过滤器Vue.filter('mySlice',function(value){return value.slice(0,4)})//结果：School.vue => 学校名称过滤后：清华大学//定义全局指令(对象式)Vue.directive('fbind',{`指令与元素成功绑定时`bind(element,binding){element.value = binding.value},`指令所在元素被插入页面时`inserted(element,binding){element.focus()},`指令所在的模版被重新解析时`update(element,binding){element.value = binding.value}})}//结果：Student.vue => 输入框里自动绑定姓名：陈慕夏//定义混入Vue.mixin({data(){return {x: 100,y: 200}}})//结果：所有的vc,vm身上都有除自身组件定义的数据之外还有混入的数据x,y//给Vue原型上添加一个方法（vm和vc就都能用上）Vue.prototype.hello = ()=> {alert("你好啊！陈慕夏")}//结果：点击School.vue组件里的按钮弹出“你好啊！陈慕夏”
}**main.js**
// 引入插件
import plugins from './plugins'//使用插件
Vue.use(plugins)

plugins 插件相关推荐

JetBrains IDEA 2019.3 plugins|插件搜索不到任何东西
JetBrains IDEA 2019.3 plugins|插件搜索不到任何东西今天需要用到一个插件,于是便去plugins搜索插件.但是不管输入什么样的关键词,在加载很长一段时间后,都得不到想要 ...
gulp plugins 插件介绍
原文:http://ju.outofmemory.cn/entry/103253 鸟窝 2014-11-28 3020 阅读 gulp Gulp是一个构建工具, 功能类似grunt, 以及Java生态 ...
idea plugins 插件合集
插件的本地路径:C:\Users\自己电脑的用户名\AppData\Roaming\JetBrains\对应的Idea版本\plugins 插件名称用途 Xcode-Dark Theme Xcode ...
IntelliJ IDEA Plugins 插件整理
IntelliJ IDEA Plugins 插件整理插件库位置查看类 jclasslib Bytecode viewer `查看字节码` 创建类 GsonFormat `通过JSON生成实体类` ...
谷歌浏览器Google Chrome和Adobe Flash Plugins插件安装问题
最近在做CSS的多浏览器支持,于是安装上了谷歌浏览器Google Chrome浏览器,结果发现谷歌浏览器Google Chrome的确构造非常简单,精干,速度非常迅猛,比臃肿的IE8快多了,于是开始使 ...
IDEA：plugins插件下载失败的解决办法
离线下载插件 1.访问https://plugins.jetbrains.com/idea 2.输入你要下载的插件名字 3.选择合适的版本进行下载 4.回到IDEA,重复File->settin ...
MAVEN Plugins 插件官网下载
1.进入 maven官网 https://maven.apache.org 2.左侧列表,找到maven plugins ,点击进入 3.按截图方式进入,然后里面进入插件目录,所有的插件都在里面,可以 ...
Mac上IDEA无法下载plugins插件
1.先去官网下载你要的插件 http://plugins.jetbrains.com/ 2.下载完后不用解压文件,直接打开IDEA,快捷键command+,呼出plugins 选择Install Pl ...
CloudCompare：Plugins插件功能的调用
1.引言 CloudCompare作为一款强大的点云与网格处理系统,提供了很多插件功能. 2.问题在CMake时勾选了很多插件功能,但是生成后的Plugins是灰色无法使用的. 3.思考这个问题也 ...

plugins 插件

plugins 插件相关推荐

最新文章

热门文章