Vue基础(1)

什么是Vue? Vue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

1.下载Vue.js

  下载地址:https://vuejs.org/js/vue.min.js

2.使用Vue

  2.1  在页面引入Vue.js

            

Vue基础(1)

  2.2   实例化Vue

             

Vue基础(1)

       定义数据对象:

    data 用于定义属性

    methods 用于定义的函数

       2.3  插值

    数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值

            

Vue基础(1)

            无论何时,绑定的数据对象上 msg 属性发生了改变,插值处的内容都会更新。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wppxgw.html