初识Vue.js数据与方法

Vue.js:是一套构建用户界面的渐进式框架,Vue 只关注视图层， 采用自底向上增量开发的设计。

Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

可以通过引入<script src="https://unpkg.com/vue"></script>来使用Vue

Vue的数据：
在html中：

 <div id="app">
        <h2>{{title}}</h2>
    </div>

在js中：

new Vue({
           el:"#app",
           data:{
               title:"HELLO THE WORLD"
           }
       })

通过new Vue创建Vue的实例，el绑定是element的选择器，
当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。
数据绑定最常见的形式就是使用 {{…}}（双大括号）的文本插值

Vue.js方法：
当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其 methods 方法

methods: {
        greet: function(time){
            return 'Good ' + time + ', ' + this.name;
        }
    }



 <h1>Hey, {{ greet(time) }}</h1>

可以往methods中的函数传入对应的参数

el: element 需要获取的元素，一定是html中的容器元素 data:用于数据的存储 methods：用于存储各种方法