刚接触前端的时候，发现Vue挺好用的。这玩意儿越来越火了，它自带的函数真牛逼！那就聊聊Vue里最常用、最实用的函数，教你咋用、用来干。用实例给你解释，就是想让大家学会运用，让编程变得更快。
Vue.extend()-创建可复用组件的方法
vue.extend这招儿太牛了！用起来轻松得很，还能随心所欲地制作自己的Vue组件。复制粘贴也随便你，太方便！操作简单，传给它一个包裹，什么东西都往里扔就对了——模板啊、数据啊、方法什么的都没问题。
javascript 我的组件就是用Vue做出来的，可以用来扩展功能。 模板：'来个个性组件！' }); //创建并挂载到#app 只需把新组件"MyComponent"直接拉到网页的"#app"区域，简单？var MyComponent = Vue.extend({ template: '这是一个自定义组件' })这样做，你就能轻松搞定那些独家绝活儿部件，哪儿想放就往哪儿安喽！
ponent()-注册全局组件的方法
用`ponent()`这个函数就可以让所有组件都在整个页面上跑起来，像按钮啊还有输入框这样常用的都能搞定！
“我的组件”就是这样的东西，什么都没有。
Vue.component('my-component', { template: '这是一个全局组件' })标题：全球组件，全面覆盖！
每次搞定ponent()函数给组件注册后，无论哪个Vue实例，都可以随便玩儿了！
Vue.directive()-注册全局指令的方法
vue.directives()这玩意儿，其实就是帮咱们放全局指令滴！指令，简单说就是让HTML变得更好玩儿，特效啊什么的都能实现。
Vue.directive(‘highlight’,{
挂钩函数，其实就是负责接收3样东西：元素（就是你看到的那些元素哦）、绑定（是用来连接的那个东东）还有虚拟元素（这个就是在界面上显示出来的那个小东西啦）。
直接把颜色，比如”red”,填到这个方法里就行了：
Vue.directive('my-directive', { bind: function (el, binding, vnode) { // 指令绑定时的操作 }, update: function (el) { // 当指令的绑定值更新时的操作 } })只需将背景色换成红的，就简单地输入”el.style.backgroundColor=’red'”！
}
之前咱们提过那个问题现在咱有个神器叫”highlight”，能让你用颜色按钮随心所欲地换元素的背景色！
Vue.filter()-注册全局过滤器的方法
Vue里面那个filter功能真的很棒，可以帮助我们搞定数据的各种小事情。比如要让日期看起来舒服点，或者想把金额格式调整得符合自己心意，filter通通都能做到！
哈喽，我们新出炉了个超好用的”Currency”滤镜，专门搞货币转换！只需要输个数字就能轻松搞定~
Vue.filter('currency', function (value) { return '￥' + Number(value).toFixed(2) })就直接写成”$”+value四舍五入到两位小数。
搞定，这样就能用滤镜把好看的内容全都展现出来！
在Vue里面，只要用vue.mixin（）这个方法，就可以把同一种设置应用到每个Vue实例上！
DotMix()这个Vue小助手，可以让你为每一个Vue实例添加上常用的参数，就像全局设置，超实用！
Vue.mixin({
created:function(){
Vue.mixin({ created: function () { // 混入的选项回调 } })输出:’在每个Vue实例都会被调用.’
没事儿！不管你建了几个Vue实例，都得先进这个混合函数的created回调才能见到世界。
还记得那个名叫$nextTick()的Vue小助手吗？它挺实用的，可以让我们等到页面加载完毕后再去忙活别的。
别担心新更新的DOM，用$nextTick()这个函数就好使了！其实就是把你的事情往里面塞，就这么简单。
this.$nextTick(function(){
//DOM更新完毕
只要学会这招儿，咱们就可以做到在所有DOM变化搞定之后再干其他的事儿！
Vue.component('my-component', { template: '{{ message }}', data: function () { return { message: 'Hello Vue.js!' } }, mounted: function () { this.message = 'Hello World!' this.$nextTick(function () { // DOM已更新 console.log('DOM已更新') }) } })Vue.js的那些好用功能真的棒呆了！用得好的话，程序就像开了火箭一样快！学懂这些功能也能帮助我们解决很多问题。比如说哪些函数什么时候可以用上，超实用的！快来跟我吐槽一下在使用Vue.js遇到的种种困扰，相互交流学习，共同提升！别忘了点赞分享一波，让更多人围观一下！
评论0