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

仕么是vue 通过简单例子认识它

程序员文章站 2022-01-30 20:48:22
...

vue:是一个构建数据为驱动的web界面的渐进式框架,MVVM模式, 虚拟DOM为核心,diff算法,它的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件

跟着例子认识vue吧

1.第一步,引入vue.js

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

html代码

<div id="app">
  {{ message }}
</div>

js代码

var app = new Vue({    //实例化vue对象
  el: '#app',    //element
  data: {
    message: 'Hello Vue!'
  }
})

这样便可在浏览器渲染出

Hello Vue!
相关标签: 前端