vue的初认识 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--这里是view-->
<div id="app">
<input type="text" v-model="message">
  <p>Hello {{message}}</p>
</div>

<script src="../js/vue.js"></script>

<script>
  //实例对象  就是vm
  var app = new Vue({
    el: '#app',
    data: {   //数据 （model）
      message: 'Hello Vue!'
    }
  })
</script>
</body>
</html>

效果是，随着输入框中的内容的变化，下面的数据信息也会变化

vue是什么？

一套用于构建用户界面的渐进式javascript框架

什么是渐进式？

VUE可以自底向上逐层应用。
简单应用：只需要一个轻量小巧的核心库
复杂应用：可以引入各式各样的Vue插件。

vue的特点

  • 1.采用组件化模式，提高代码复用率，且代码更好维护
  • 2.声明式编码，让编码人员无需直接操作DOM，提高开发效率。
  • 使用虚拟DOM+优秀的diff算法，尽量服用DOM节点

posted @ 2021-07-11 02:49  King-DA  阅读(16)  评论(0)    收藏  举报