Vue.js入门精要-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_59185329/article/details/126941480

vue初识

一、vue.js是什么？
二、为什么使用框架
三、框架和库的区别
四、vue.js的代码结构

一、vue.js是什么？

1、vue.js是一套构建用户界面的渐进式框架。属于轻量级框架，采用自底向上增量开发的设计。
2、vue.js是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！

二、为什么使用框架

1、企业中，使用框架，能够提高开发的效率
2、在Vue中，能够帮助我们减少不必要的DOM操作，让程序员可以更多的时间去关注业务逻辑；

三、框架和库的区别

1、框架：是一套完整的解决方案；对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目
2、库（插件）：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求。

四、vue.js的代码结构

1、引入vue.js
2、搭建视图层
3、创建vue实例

<!-- 引入 -->
  <script src="./vue-2.4.0.js"></script>

<body>
  <!-- 视图层 -->
  <div id="app">

  </div>
</body>

<script>
  // 调度层
  let vm = new Vue({
    // 控制区域
    el:"#app",
    data:{
      // 存放数据 model层
    },
    methods:{
      // 存放方法
    }
  })
</script>

el：表明控制的是哪一块视图
data：存放数据，是mvvm的model层
methods：存放方法