欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue基础(1)

程序员文章站 2022-06-19 21:42:06
什么是Vue? Vue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue ......

什么是vue?

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

1.下载vue.js

  下载地址:

2.使用vue

  2.1  在页面引入vue.js

            Vue基础(1)

  2.2   实例化vue

             Vue基础(1)

       定义数据对象:

    data 用于定义属性

    methods 用于定义的函数

       2.3  插值

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

            Vue基础(1)

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