请问vue中怎么调用JS函数？新手求救

Question

一个HTML文件中
........
<img :src="todo.img" style="width: 300px;height: 300px;" class="img-thumbnail">
<script type="text/javascript">

var app4 = new Vue({
....
})
//自定义JS函数在VUE代码主体外
function getfristimg(url){
    return url
}
......

我想在图片地址src的地方，添加一个JS自定义的函数getfristimg
<img :src="getfristimg(todo.img)" style="width: 300px;height: 300px;" class="img-thumbnail">
运行时提示找不到这个getfristimg自定义函数
请教下怎么写？

Answer 1

在methods里引用一下

methods:{
    getfristimg: getfristimg
}

Answer 2

0

export function getfristimg(url){
   return url
}

1
import { getfristimg } from 'xxx'

2

methods:{
    getfristimg: getfristimg
}

3
<img :src="getfristimg(todo.img)" class="img-thumbnail">