【vue】初识vue

一、vue3的前言

2020年9月79日，万众期待的vue3终于发布了正式版，命名为"One Piece",他带来了很多新特性：更好的性能，更小的包体积，更好的TypeScript集成，更优秀的API设计。

1.1 渐进式框架

vue是一套渐进式框架，什么是渐进式框架呢？通俗来讲就是，我们可以在项目中一点点来引入和使用vue，而不需要全部使用vue来开发整个项目

1.2 相比于vue2的变化

源码上

1. 源码通过monorepo的形式来管理
2. 源码使用TypeScript进行重写

性能上

3. 使用proxy进行数据劫持
4. 删除了一些不必要的API
5. 包括编译方面的优化

新的API

6. 由Options API到Composition API
7. hooks函数增加代码的复用性

二、课程大纲：

1. 邂逅体验vue3
2. vue3基本语法
3. vue3组件化开发
4. vue CLI详解
5. vue核心语法
6. vue-router路由
7. vuex状态管理
8. TypeScript 项目实战
9. 自动化部署

三、第一天内容

3.1 如何使用vue呢

vue本质就是一个javascript库，项目中引入进来即可

3.2 vue引入方法：

3.2.1 方式一：在页面中通过CDN(内容分发网络)的方式引入

<div id = "app"></div>
    <!--
     1、新建这个html时，啥都没有，这时输入！点击回车就有了html基本的标签
     2、引入vue的js，写上如下的代码
     <script src="https://unpkg.com/vue@next"></script>
     3、打开这个网址便是vue3的源代码
     4、创建App,并挂载到div上
    -->
    <script src="https://unpkg.com/vue@next"></script>
    <script>

        const app = Vue.createApp({
            template:'<h2>Hello vue3</h2>'
        });
        app.mount("#app")
    </script>

补充：CDN服务器概念图理解