【公开笔记】小白学习vue3完整版
【公开笔记】小白学习vue3完整版
致谢学习地址:https://www.bilibili.com/video/BV1owSMY7Ek4?spm_id_from=333.788.videopod.episodes&vd_source=f17ed8ec94fbd012235faf1dafcaec6f
文章目录
- 【公开笔记】小白学习vue3完整版
- vue3 + elementPlus入门到进阶
- 一、课程大纲
- 第1章、介绍vue3
- 第1、2、3节
- 第2章、搭建vue3的开发环境、初始vue3
- 第4节
- 1、安装node.js
- 2、开发工具 Vscode
- 3、浏览器环境(推荐谷歌浏览器)
- 第5节
- 1、 通过 vite 或 CDN 使用vue3
- 第6节
- 3、模板语法和 Attribute绑定
- 模板语法 插值语法
- attridute属性绑定
- 第7节、Vue3框架中如何实现响应式
- ref()
- reactive()
- 第3章、全面剖析vue3最新的基础核心知识
- 第8 节 详解vue3的计算属性
- 第9节 详解 vue3的 类与样式的绑定
- 类的绑定
- 第10节 vue3中的条件渲染和列表渲染
- 条件、表单 渲染
- 循环遍历
- 第11节 掌握vue3事件处理 +表单输入绑定
- 第4章、深入了解vue3的生命周期函数+组件基础
- 第5章、深入掌握VUE3的组件进阶内容
- 第6章、实现单页面应用VUE3规模化路由使用
- 第7章、玩转VUE3拥有组合式API的状态管理--Pinia
- 第8章、vue3 + elementPlus实战开发项目--ElementPlus + TailwindCSS配置
- 1.引入库
- 2.读入数据
- 总结
提示:以下是本篇文章正文内容,下面案例可供参考
vue3 + elementPlus入门到进阶
一、课程大纲
目录
第1章、介绍vue3
第2章、搭建vue3的开发环境、初始vue3
第3章、全面剖析vue3最新的基础核心知识
第4章、深入了解vue3的生命周期函数+组件基础
第5章、深入掌握VUE3的组件进阶内容
第6章、实现单页面应用VUE3规模化路由使用
第7章、玩转VUE3拥有组合式API的状态管理–Pinia
第8章、vue3 + elementPlus实战开发项目–ElementPlus + TailwindCSS配置
第1章、介绍vue3
第1、2、3节
vue3官网:https://cn.vuejs.org/
组合是开发框架
点击查看- 具体的视频介绍- 了解即可-推介了解一下
第2章、搭建vue3的开发环境、初始vue3
第4节
1、安装node.js
2、开发工具 Vscode
3、浏览器环境(推荐谷歌浏览器)
第5节
1、 通过 vite 或 CDN 使用vue3
CDN
vite
先安装最新的node.js
创建命令 :npm create vue@latest
按照只是创建项目:
目录介绍
第6节
3、模板语法和 Attribute绑定
模板语法 插值语法
文本插值
最基本的数据绑定形式是文本插值,它使用的是“Mustache”语法 (即双大括号):
双大括号标签会被替换为相应组件实例中 msg 属性的值。同时每次 msg 属性更改时它也会同步更新。
attridute属性绑定
第7节、Vue3框架中如何实现响应式
ref()
reactive()
第3章、全面剖析vue3最新的基础核心知识
第8 节 详解vue3的计算属性
无计算属性
有计算属性
点击事件
第9节 详解 vue3的 类与样式的绑定
类的绑定
类的绑定
绑定数组
绑定内联的样式
第10节 vue3中的条件渲染和列表渲染
条件、表单 渲染
v-show
v-for
循环遍历
第11节 掌握vue3事件处理 +表单输入绑定
第4章、深入了解vue3的生命周期函数+组件基础
第5章、深入掌握VUE3的组件进阶内容
第6章、实现单页面应用VUE3规模化路由使用
第7章、玩转VUE3拥有组合式API的状态管理–Pinia
第8章、vue3 + elementPlus实战开发项目–ElementPlus + TailwindCSS配置
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提供了大量能使我们快速便捷地处理数据的函数和方法。