vue中引入js脚本块或者js文件 js函数 js方法

一、vue中，使用js函数的方法

在vue文件中，如果想要在组件里，通过事件触发，调用到函数，这个函数需要放在特定的位置，如下：

<script>
export default {
    methods: {
        t1(){},
        t2(){},
        t3(){}
    }
}
</script>

例如用户点击，通过 click 事件触发，调用 t1 函数，需要像上面这样写，否则找不到这个函数。

函数需要写在 methods:{} 里，methods写在 export default{} 里，export default{} 写在 <script>标签里。

注：记得把 <script> 标签放在 html 代码的下方，以防加载顺序问题。

整个vue文件内容如下：

test1.vue

<template>
    <div class="top-title" v-if="myDivIsShow">
        <input class='btn' type="button" value="按钮" @click="t1" />
    </div>
</template>

<script>
export default {
    methods: {
        t1(){},