Vue基本代码结构

Vue基本代码结构
1.引入Vue.js文件

<script src="Vue.js"></script>

2.创建Vue实例对象 new Vue()

var vm=new Vue({
   el:"#app", //选择器的名称，表示当前new的Vue实例，要控制页面上的哪一个区域
   data:{  //存放el中要用到的数据
      msg:'hello world'  //指令
   }
})

通过data属性定义数据，这些数据可以在实例对应的模板中进行绑定并使用。data参数是一个json对象，里面存放的是Vue实例要用到的数据，可以理解为我们定义的变量。

绑定
把Vue实例和指定元素绑定起来
数据绑定最常见的形式就是使用"Mustache"语法(双大括号)的文本插值：

<P>{{msg}}</p>

总结：
Vue.js是一个构建数据驱动的web界面的渐进式框架。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
Vue是一个MVVM模式的框架。
在Vue中通过new Vue新建vue实例，通过el参数绑定html元素限定控制区域，通过data参数定义数据，通过模板语法把数据显示在页面中。