Web前端最全前端框架VUE——安装及初始化(2)，2024年最新2024春招BAT面试真题详解

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

//使用

1.2、CDN

使用 cdn 方式引入 vue.js 文件，与上述 script 标签引入是类似的，使用 cdn 引入需要注意引入文件的版本号，建议链接到一个明确的版本号和构建文件，避免新版本造成影响。

//使用

1.3、NPM

vue 构建大型应用项目时，推荐使用 npm 安装，因为 npm 能很好的和 webpack 或 browserify 模块打包器配合使用，同时 vue 也提供配套工具来开发单文件组件。

什么是脚手架？

vue 提供了一个官方的 cli，为单页面应用(SPA)快速搭建繁杂的脚手架。它为现代前端工作流提供了开箱即用的构建设置。

使用 npm 安装 vue 之前，需要先安装 node.js 环境。

// 安装语法

npm install vue

1.4、Bower

最新稳定版本

$ bower install vue

二、初始化

---

突然想起一个特别有意思的话，程序员遍地都是对象，唯独我没有对象。听起来特别扎心的一句话，作为程序媛的妹子之前也有过这种苦恼，不过我还是要告诉你一句，缘分未到，静待缘来！

vue实例化的时候，与我们面向对象的实例是一样的，想看《面向对象》的，可自行翻看下。

创建一个 vue 实例，代码如下：

var vm = new Vue({

el:‘#app’,

data(){

//定义数据

}

})

vm 是（ViewModel）的缩写，表示 Vue 的实例。

实例化时，可传入一个选项对象，选项对象中可以加入很多选项。

el 是用于挂载要管理的元素，el之外的元素不会被vue解析。

data 用于定义绑定到元素的数据。

三、第一个 vue 页面

---

做一个简单的 hello world 页面，我们使用cdn方式引入vue。具体实例代码如下：

计算机网络

• HTTP 缓存

• 你知道 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？

• HTTP 常用的请求方式，区别和用途？

• HTTPS 是什么？具体流程

• 三次握手和四次挥手

• 你对 TCP 滑动窗口有了解嘛？

• WebSocket与Ajax的区别

• 了解 WebSocket 嘛？

• HTTP 如何实现长连接？在什么时候会超时？

• TCP 如何保证有效传输及拥塞控制原理。

• TCP 协议怎么保证可靠的，UDP 为什么不可靠？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

算法

• 链表

• 字符串

• 数组问题

• 二叉树

• 排序算法

• 二分查找

• 动态规划

• BFS

• 栈

• DFS

• 回溯算法

  

ecb71ac0)**

算法

• 链表

• 字符串

• 数组问题

• 二叉树

• 排序算法

• 二分查找

• 动态规划

• BFS

• 栈

• DFS

• 回溯算法