渐进式框架是指我们可以在项目中一点点来引入和使用Vue,而不一定需要全部使用Vue来开发整个项目;
2020年9月18日Vue3.0.0正式发布别名One Piece
(没错就是海贼王)。
2. Vue的特点
- 采取
组件化
模式,提高代码复用率,且让代码更好维护。 声明式
编码,让开发人员无需直接操作Dom,提高开发效率。- 它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型。
- 帮助你高效地开发用户界面,无论任务是简单还是复杂。
3. Vue的引入方式
- 直接使用
直接下载Vue的源码并用 <script>
标签引入,Vue
会被注册为一个全局变量,这里的路径要根据自己的实际情况进行设置
<script type="text/javascript" src="../js/vue.js"></script>
- 在页面中通过CDN的方式来引入;
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.10"></script>
4. 安装Vue Devtools
首先要安装Vue Devtools这里直接使用edge浏览器来演示
点击管理扩展
在搜索框中搜索vue
选择这个扩展,点击获取,这里我已经安装过了,所以是删除。
在扩展设置里让Vue可以显示在栏上,同时点击vue扩展右侧的三个点,进入管理扩展
将这两个权限开放
5. 第一个Vue案例
编写我们的第一个小案例,不要忘记引入Vue的资源
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript" src="../js/vue.js"></script>
### js基础
1)对js的理解?
2)请说出以下代码输出的值?
3)把以下代码,改写成依次输出0-9
4)如何区分数组对象,普通对象,函数对象
5)面向对象、面向过程
6)面向对象的三大基本特性
7)XML和JSON的区别?
8)Web Worker 和webSocket?
9)Javascript垃圾回收方法?
10)new操作符具体干了什么呢?
11)js延迟加载的方式有哪些?
12)WEB应用从服务器主动推送Data到客户端有那些方式?
![js基础.PNG](https://img-blog.csdnimg.cn/img_convert/f25d51a852751f9c1ddf74f461cd83d0.webp?x-oss-process=image/format,png)
![前16.PNG](https://img-blog.csdnimg.cn/img_convert/08b0effcb5f06f80d7b722fd6927b631.webp?x-oss-process=image/format,png)
B应用从服务器主动推送Data到客户端有那些方式?
[外链图片转存中...(img-0qgevxjs-1718045224067)]
[外链图片转存中...(img-2jurMnti-1718045224068)]