vue入门 第一天（上）

==01-Vue入门==

• ==学习Vue最好的方式：查看官网文档==

  • Vue.js

 

 

1.1-Vue介绍

Vue介绍	描述
1.Vue是一个JavaScript框架	框架：别人写好的js文件
2.作用 ： 构建用户页面	将数据渲染到页面
3.特点：渐进式	组件式开发

• 1.Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架

  • Vue是一个JavaScript框架

    • Vue是一个用于构建用户页面的框架

      • Vue是一个用于构建用户界面得渐进式框架

• 2.渐进式框架介绍

  • a. Vue.js提供了很多的功能，但是这些功能并不是集成在一起的，而是分开的

    • 类似于Nodejs,拆分成很多个小模块

  • b. 在项目中我们用到什么，就导入什么

    • 这样可以保证我们用到的最少

  • c. 说人话：Vue相当于是一个五星级自助餐，我们想要用什么就拿什么，这样可以最大限度避免浪费资源

==知识点验收==

• (1)Vue是什么？

  • js框架

• (2)Vue干什么用的?

  • 构建用户页面(数据渲染到页面)

• (3)有什么特点？

  • 渐进式

1.2-Vue两个重要特点

1-数据驱动

• 1.数据驱动 ：Vue会根据数据，自动渲染页面

  • 无需DOM操作，修改了对象中的数据，页面会自动渲染

  • Vue的底层使用了一种叫做虚拟DOM的技术，能够实时监听js对象的属性变化从而自动更新页面DOM元素

    • 虚拟DOM本质是一个js对象

    • 关于虚拟DOM了解传送门(难度较大，可以留着以后进阶学习)

      • 虚拟dom原理 - 简书

      • 虚拟DOM（Virtual DOM）的工作原理 - 简书

原始的前端开发	Vue.js的前端开发
1.使用HTML+CSS