Vue.javascript源码分析(五)基础篇方法methods属性详解

一个人的人生注定要遇见两个人,一个人多年令人惊叹,另一个人温柔。学校没有纪律便如磨房里没有水。走自己的路,让别人说去吧!

methods中定义了Vue实例的方法,官网是这样介绍的:

例如::

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script>
    <title>Document</title>
</head>
<body>
    <div id="app">{{message}}<button @click="ChangeMessage">测试按钮</button></div>
    <script>
        new Vue({
            el:'#app',
            data:{message:"Hello World!"},
            methods:{
                ChangeMessage:function(){this.message="Hello Vue!";}
            }
        })
    </script>
</body>
</html>

以上就是Vue.javascript源码分析(五)基础篇方法methods属性详解。其实,很多后来对我们来说已经不重要了,每个故事都需要一个结局,但没有结局的我们叫它人生。更多关于Vue.javascript源码分析(五)基础篇方法methods属性详解请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
Vue路由参数的传递与获取方式详细介绍

vue学习记录之动态组件浅析

vue如何实现列表固定列滚动

vue如何实现伸缩菜单功能

vue项目中canvas如何实现截图功能