vue methods html,vue怎么在methods当中调用外面定义的的函数

methods中的function中的this指向vue实例，其他的没什么这种调用方式是直接访问test2函数，没有任何的this绑定，所以肯定访问不到

this.$options.methods.test2();

而直接调用this.test2()，内部肯定做了this绑定的，例如

this.$options.methods.test2.bind(this)();

更新：Vue源码中的处理

/**

* Setup instance methods. Methods must be bound to the

* instance since they might be passed down as a prop to

* child components.

Vue.prototype._initMethods = function () {

var methods = this.$options.methods

if (methods) {

for (var key in methods) {

this[key] = bind(methods[key], this)

}

function bind (fn, ctx) {

return function (a) {

var l = arguments.length

return l

? l > 1

? fn.apply(ctx, arguments)

: fn.call(ctx, a)

: fn.call(ctx)

}

vue methods html,vue怎么在methods当中调用外面定义的的函数相关推荐

【Vue】黑马Vue入门到高级实战汇总
目录 v-text v-cloak 计算属性computed 计算属性双向绑定监听器watch Class与Style绑定v-bind 条件渲染v-if v-if 与 v-show 比较列表渲染 ...
Vue之for列表渲染、methods事件和model表单绑定
2.4 for列表渲染文档:https://cn.vuejs.org/v2/guide/list.html v-for指令可以绑定数组的数据来渲染一个项目列表 v-for指令需要使用item in ...
【Vue】谈Vue的依赖追踪系统 ——搞懂methods watch和compute的区别和联系
从作用机制和性质上看待methods,watch和computed的关系图片标题[原创]:<他三个是啥子关系呢?> 首先要说,methods,watch和computed都是以函数为基础 ...
vue族谱架构_【Vue】谈Vue的依赖追踪系统 ——搞懂methods watch和compute的区别和联系...
之前一直在博客园写作,最近几天才开的知乎专栏,才疏学浅, 谬误之处请不吝于评论区指教,谢谢大家.从作用机制和性质上看待methods,watch和computed的关系 watch和computed的 ...
data的值如何初始化vue_【Vue 原理】Vue 是如何代理 data、methods 和 props 的？
前言 Vue 有一个非常有趣的功能,就是我们所有传进去的 data .methods 或者 props,都会挂载到 Vue 实例上, 我们可以通过 this.xxx 的简单做法来进行访问.那么,这到底 ...
Vue中computed(计算属性)、methods、watch的区别
初学vue,阅读api后,发现Vue提供了多种逻辑处理的方法,单纯的方法methods,computed(计算属性)以及watch等,充分理解这三者的区别,才能写出更加健壮的Vue代码. 1.meth ...
Vue初学——计算属性Computed和Methods
methods methods是一个vue对象中的属性,而在这个属性中,写的是种种要实现的方法. computed computed是一个属性,在属性中写的也是要实现的方法,那其中同方法一样的写法,总 ...
Vue.js(一) Vue.js + element-ui 扫盲
Vue.js(一) Vue.js + element-ui 扫盲 2018年12月09日 20:32:59 vbirdbest 阅读数 7043更多分类专栏: Vue.js + ElementUI ...
go html vue,用Go+Vue.js快速搭建一个Web应用(初级demo)
Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文给大家介绍用Go+Vue.js快速搭建一个Web应用(初级demo). 环境准备: 1. 安装go语言,配置go开 ...

vue methods html,vue怎么在methods当中调用外面定义的的函数

vue methods html,vue怎么在methods当中调用外面定义的的函数相关推荐

最新文章

热门文章