Vue2 介绍

Vue 1.x 已经过时了，我们使用Vue 2.x。

数据绑定
vue文件开发方式
render方法

1. Vue是一个数据绑定的框架。响应式。

2. .vue 文件的开发方式。

<template>
  <div id="app">
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App - Leo Malin'
    }
  }
}
</script>

<style>
#app {
}
</style>

Vue的一个特殊的开发方式，很方便。
使用这种方式，更加符合Vue是组件化的开发框架特点。
我们在一个 .vue 文件中就可以写一个组件所需要的那三种代码，一目了然。

3. render方法

任何一个组件的变化，都会重新去执行 render 方法，产生新的HTML，以这种方式来更新我们的内容。

我们的vue文件，里面的<template>其实是转化为<script>里面js写的一个render方法。

export default {
  ...
  render() {
    createElement() // 一层一层去遍历我们<template>中写的HTML标签里面的属性以及内部的值,最终得到我们组件都所有节点的一个树
  }
}