vue基础demo

注意，本文讲述快速上手项目。了解更深去vue官网查看

- 创建一个 Vue 实例

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：

var vm = new Vue({
  //常用选项
  el:"#ele",//在页面上已存在的 DOM 元素
  data: { a: 1 },//数据
  methods: {  //方法
    plus: function () {this.a++;//这里的this指向这个vue实例},
    plus2: function () {//这里的this指向这个vue实例},
  },
  computed: {  //计算属性
  }
})

1.el ：提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器，也可以是一个 HTMLElement 实例。
2.data ： Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter，从而让 data 的属性能够响应数据变化。
3.methods ：方法
4.computed ：计算属性的结果会被缓存

- Hello World（第一个Demo）

    
        
        
        
    
    
        

          {{ message }} //模板语法 
        
    
    

结果

1.png

END......