vue3知识点1.介绍、如何创建vue实例

前言:这一章主要是vue的介绍、安装、以及如何创建一个vue实例。

一、vue介绍

vue3中文官网:建议先自己看官网。

https://v3.cn.vuejs.org/

vue是渐进式框架,渐进式指的就是可以在你的项目已经有js,jquery等框架后还可以嵌入vue框架。可以只用我的一部分,而不是一个项目必须全部由我开发。

安装

将 Vue.js 添加到项目中主要有四种方式:

1.以 CDN 包的形式导入。
<script src="https://unpkg.com/vue@next"></script>

那么cdn是什么?

CDN 是vue文件在线上的地址。例如https:…/vue…

我们在访问项目时,首先通过域名找到服务器的ip(一台电脑/服务器),看看你的项目是什么web框架(例如django),然后找到分配的路由,然后就找到了vue.js文件。所以说是要有一个过程的,那么cdn的作用就是加速这个过程。

CDN能够加速用户的访问速度。

我们的服务器分为华南、华北等几个区域,如果用户是华北区的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 2 和 Vue 3 是 Vue.js 框架的不同版本,它们之间有一些重要的区别。以下是一些主要的区别: 1. 性能优化:Vue 3 的编译器和运行时被重写,提供了更好的性能表现。Vue 3 中引入了虚拟 DOM 的优化算法,使得渲染速度更快,并且有更小的包体积。 2. Composition API:Vue 3 引入了 Composition API,这是一个基于函数的 API 风格,可以更灵活地组织和复用组件逻辑。相比于 Vue 2 的 Options API,Composition API 提供了更好的代码组织和可读性。 3. TypeScript 支持:Vue 3 对 TypeScript 的支持更加完善。Vue 3 的 API 已经使用了 TypeScript 进行重新设计,提供了更好的类型推导和类型检查。 4. 引入了新的全局 API:Vue 3 引入了一些新的全局 API,如 createApp()、createRenderer() 等,用于创建应用程序实例和自定义渲染器。 5. 更好的 Tree-Shaking 支持:Vue 3 改进了 Tree-Shaking 支持,可以更好地优化打包大小,只包含使用到的代码。 6. 更好的响应式系统:Vue 3 重写了响应式系统,提供了更高效的追踪和更新机制,减少了不必要的代理和观察。 7. 删除了一些过时和废弃的特性:Vue 3 删除了一些过时和废弃的特性,以提高整体的可维护性和性能。 需要注意的是,由于 Vue 3 在设计上有一些重大变化,迁移现有的 Vue 2 项目到 Vue 3 可能需要做一些修改和调整。因此,在决定使用哪个版本时,需考虑到项目的具体情况和迁移成本。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值