19-Minixs

image.png
<body>
    <div id="box">  
        <button @click="handleClick()">點擊</button>

    </div>    
    <script>
        var vm = new Vue({
            el:'#box',
            data:{
            },
            methods:{
                handleClick(){
                    console.log('click')
               }
            }
        })
    </script>
</body>

<body>
    <div id="box">  
        <button @click="handleClick()">點擊</button>

    </div>    
    <script>
        function handleClick(){
            console.log('click')
        }
        var vm = new Vue({
            el:'#box',
            data:{

            },
            methods:{
                // handleClick(){
                //     console.log('click')
                // }
                handleClick:handleClick
            }
        })
    </script>
</body>

<body>
    <div id="box">  
        <button @click="handleClick()">點擊</button>
        {{total}}
    </div>    
    <script>
        const obj = {
            methods: {
                handleClick(){
                    console.log('click---外部定義')
                },
                handleClick1(){
                    console.log('click1')
                },
                handleClick2(){
                    console.log('click2')
                }
            },
            computed:{
                total(){
                    return "111111"
                }
            }
        }
        var vm = new Vue({
            el:'#box',
            data:{
            },
            mixins:[obj],   //混入obj對象,達到頁面復用
            methods:{
                handleClick(){
                    console.log('click---內(nèi)部定義')
                },
            }
        })
    </script>
</body>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容