VUE是什么？
Vue是当前市场上前端必须要掌握的一门前端框架，它是一套构建用户界面的渐进式前端框架，Vue.js不支持IE8及其以下的版本，因为它是使用了IE8及以下浏览器不能模拟的ECMAScript 5特性，所以 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。
Vue核心库只关注视图层。
Vue中文官网地址：点击可跳转
Vue提供了响应式（Reactive）和组件化（Composable）的视图组件.
支持native的方案，在Wee下。
支持SSR服务端渲染。
支持props进行父子组件间的通信。
Vue哪些技术栈？
- node.js:提供一个Javascript的运行环境.Node中文官网地址
- npm: 是node.js的包管理工具，用于前端项目中需要用到的包、插件、工具、命令等，便于开发和维护。通过npm install命令来下载插件，下载后自动放在node_modules目录下面。通过npm run dev命令可以启动本地项目等。
- Vue-cli:脚手架工具，搭建开发所需要的环境和自动生成Vue项目的生成目录架构。
- ES6:Javascript的新版本，ECMAScript6的简称。利用ES6我们可以简化我们的JS代码，同时利用其提供的强大功能来快速实现JS逻辑。
- Vue-router:创建单⻚应⽤，只做路由切换，组件是拼凑成的，把⻚⾯映射成路由 。所以路由是单⻚应⽤的核⼼插件。
- axios：经过了ES6的promise封装的http请求工具。
- webpack：文件打包工具，可以将项目文件统一打包压缩至js中，并且可以通过vue-loader等加载器实现语法转化与加载。
- Vue.js：一个轻量级的MVVM框架。
vue.js的核心特点
响应的数据绑定
响应式数据绑定的方式操作页面，可以直接使用像下面代码那样的写法就可以将数据填充到页面中。
<template>
<div id="app">
{{ msg}}
</div>
</template>
<script>
export default {
name: 'app',
data () {
return {
msg: 'Welcome to Your'
}
}
}
</script>可组合的视图组件
一个页面可以由多个组件组合，而成 一个页面映射为组件树。所有划分组件可维护、可重用、可测试。
import导入需要引入的组件文件路径；
- 注册组件；
- 在需要引入组件的文件中加上组件标签；
- 组件可以嵌套引入，也就是说组件可以引入其他组件。
虚拟DOM
利用在内存中生成与真实DOM与之对应的数据结构，在内存中生成的结构称之为虚拟DOM。当数据发生变化时，能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。
MVVM模式
MVVM概述：M：Model数据模型 ， V：view 视图模板 ， vm：view-Model：视图模型
vue的MVVM实例（双向数据绑定）：当输入框输入数据的时候，相应的message也会改变。
数据渲染
Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM，初始化根实例，vue自动将数据绑定在DOM模板上
声明式渲染与命令式渲染区别:
声明式渲染：只需要声明在哪里，做什么，而无需关心如何实现
命令式渲染：需要具体代码表达在哪里，做什么，如何实践
命令式渲染代码demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>命令式渲染代码demo</title>
</head>
<body>
<script>
var arr = [1, 2, 3]
var newArr = []
for (var i = 0; i < arr.length; i++) {
newArr.push(arr[i] * 2)
}
console.log(newArr)
</script>
</body>
</html>声明式渲染代码demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>声明式渲染代码demo</title>
</head>
<body>
<script>
var arr = [1, 2, 3, 4, 5]
var newArr = arr.map(function (item) {
return item * 2
})
console.log(newArr)
</script>
</body>
</html>欢迎点赞，评论，关注，收藏。您的支持是我持续输出的鼓励和动力，谢谢
