【Vue3.0】
提示:继续深入了解Vue3.0内容
文章目录
- 前言
- 一、Setup?
- 二、reactive
-
- 1.引入库
- 2.读入数据
- 总结
前言
提示:这里可以添加本文要记录的大概内容:
例如:Vue.js是一款流行的JavaScript前端框架。Vue.js的2.0版本于2016年发布,自从发布以来,Vue.js在前端开发人员中受到了广泛的欢迎和应用。由于Vue.js在易用性、性能和可组合性等方面的优势,Vue.js在大型企业应用程序和个人项目中都得到了广泛的应用。
Vue.js 3.0是Vue.js的最新版本,它于2020年9月发布。相比于2.0版本,Vue.js 3.0具有更高的性能和更好的易用性。Vue.js 3.0还提供了一些新特性,包括响应式API、更好的TypeScript支持和更好的组合API支持,这使得Vue.js 3.0成为一个更强大的前端框架。此外,Vue.js 3.0还采用了新的组件注入API、静态渲染器和Composition API,使得Vue.js的开发变得更加高效、便捷和灵活。
提示:以下是本篇文章正文内容,下面案例可供参考
一、Setup?
示例:可以定义data和methods,但是在vue3 推荐setup 函数
- setup 是一个函数,只在初始化时执行一次(代码在setup中写)
- 返回一个对象,对象中的属性或方法,模板中可以直接使用
- setup返回的数据会和data和methods进行合并,setup优先级更高
- setup 函数中无this(vue3中不写this)
- setup 不写async 函数(因为setup返回的是json对象,如果setup是一个async函数,那组件返回的是一个promise,如果setup是一个async函数,那组件是一个异步组件,需配合suspense组件)
二、reactive
reactive 时vue.js3中的一个核心api,用于实现响应式数据绑定的。他的作用是将一个普通的js对象转化为响应式对象,
1.引入库
代码如下(示例):
import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
import warnings
warnings.filterwarnings('ignore')
import ssl
ssl._create_default_https_context = ssl._create_unverified_context
2.读入数据
代码如下(示例):
data = pd.read_csv('https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())
该处使用的url网络请求的数据。
总结
提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。