渐进式框架 自底层向上逐层应用

CDN

  1. <!-- Staticfile CDN -->
  2. <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
  3. <!-- unpkg（推荐） -->
  4. <script src="https://unpkg.com/vue/dist/vue.js"></script>

声明式渲染

Vue.js核心是一个允许采用简洁模板语法来声明式地将数据渲染进DOM的系统

数据和DOM建立关联。响应式

  • 一个Vue应用会被挂载到一个DOM元素上，然后对其进行完全控制
  • 每个Vue应用都需要通过实例化Vue来实现.
  • 当一个Vue实例被创建时，它将data对象中的所有property加入到Vue的响应式系统中。，当这些property的值发生变化时，视图会产生“响应”，即匹配更新为新的值。当这些数据改变的时候，视图会重新渲染。
  • Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据

    指令

    指令带有前缀v-，Vue提供的特殊属性，会在渲染的DOM上应用特殊的响应式行为

    el ——参数 挂载点

    它是DOM元素中的id。

    data ——定义属性

    用于定义属性
    当一个vue实例被创建的时，它向vue的响应系统中加入了其data对象中能找到的所有属性。
    当这些属性发生变化时，html视图也会产生相应变化。

    methods ——定义函数

    用于定义的函数，通过return来返回函数值

    {{}} ——输出和返回

    用于输出对象属性和函数返回值