前端VUE3
文章平均质量分 69
前端VUE3 +TS
小C学安全
喜欢学习的boy
展开
-
【VUE基础】全网最详细CSS常用基础属性
CSS 指的是层叠样式表* (Cascading Style Sheets)CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素CSS 节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在 CSS 文件中。原创 2024-07-12 09:41:36 · 1049 阅读 · 0 评论 -
【VUE进阶】axios使用并二次封装
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。原创 2024-07-10 15:14:27 · 603 阅读 · 0 评论 -
【VUE进阶】安装使用Element Plus组件
首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件。将Element Plus中所有文件引入。通过基础的 24 分栏,迅速简便地创建布局。gutter代表间距,默认为0。下面简单介绍几种常用组件。原创 2024-07-10 13:43:20 · 621 阅读 · 0 评论 -
【VUE基础】VUE3小技巧(持续更新)
根据上图打开配置用户代码片段搜索vue.jsond打开"body": ["<!""," console.log('1-开始创建组件-setup')",""," })"," console.log('2.组件挂载页面之前执行----onBeforeMount')"," })"," console.log('3.-组件挂载到页面之后执行-------onMounted')"," })","," }",""," }"," };原创 2024-07-09 13:18:02 · 174 阅读 · 0 评论 -
【VUE基础】VUE3第九节—Pinia使用
Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。原创 2024-07-09 11:38:23 · 701 阅读 · 0 评论 -
【VUE基础】VUE3第七节—Vue Router路由基础
Vue Router 是 Vue 官方的客户端路由解决方案。客户端路由的作用是在单页应用 (SPA) 中将浏览器的 URL 和用户看到的内容绑定起来。当用户在应用中浏览不同页面时,URL 会随之更新,但页面不需要从服务器重新加载。Vue Router 基于 Vue 的组件系统构建,你可以通过配置路由来告诉 Vue Router 为每个 URL 路径显示哪些组件。访问路径 ======> 组件。原创 2024-07-08 14:59:18 · 923 阅读 · 0 评论 -
【VUE基础】VUE3第二节—v-if、v-else、v-else-if、v-show、v-for
10'>库存为{{ stock }}商品即将售馨暂时没有库存原创 2023-11-25 21:57:00 · 319 阅读 · 0 评论 -
【VUE基础】VUE3第六节—生命周期
每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤,比如设置好数据侦听,编译模板,挂载实例到 DOM,以及在数据改变时更新 DOM。在此过程中,它也会运行被称为生命周期钩子的函数,让开发者有机会在特定阶段运行自己的代码。,每个阶段都有两个钩子,一前一后。此处只演示vue3的生命周期。下面是实例生命周期的图表。原创 2024-07-05 17:10:41 · 261 阅读 · 0 评论 -
【VUE基础】VUE3第五节—核心语法之ref标签、props
在上述的两个例子中,我们只传入了字符串值,但实际上任何类型的值都可以作为 props 的值被传递。需要使用defineExpose将组件中的数据交给外部,就可以获取到name,age值。在父组件中设置ref标签,获取到的是子组件对象,还没有获取到真正数据。以上代码并没有获取到Person.vue中具体的name,age值。如果你正在搭配 TypeScript 使用。用在组件标签上,获取的是组件实例对象。作用:用于注册模板引用。原创 2024-07-05 16:30:48 · 231 阅读 · 0 评论 -
【VUE基础】VUE3第四节—核心语法之computed、watch、watcheffect
结论:监视的要是对象里的属性,那么最好写函数式,注意点:若是对象监视的是地址值,需要关注对象内部,需要手动开启深度监视。监视ref定义的【对象类型】数据:直接写数据名,监视的是对象的【地址值】,若想监视对象内部的数据,要手动开启深度监视。watchEffect:不用明确指出监视的数据(函数中用到哪些属性,那就监视哪些属性)。监视ref定义的【基本类型】数据:直接写数据名即可,监视的是其value值的改变。若该属性值是依然是【对象类型】,可直接编,也可写成函数,建议写成函数。都是新值,因为它们是同一个对象。原创 2024-07-04 16:34:18 · 438 阅读 · 0 评论 -
【VUE基础】VUE3第三节—核心语法之setup、ref、reactive
组件中所用到的:数据、方法、计算属性、监视......等等,均配置在。函数有一个语法糖,这个语法糖,可以让我们把。中一个新的配置项,值是一个函数,它是。重新分配一个新对象,会。原创 2023-11-29 09:12:00 · 570 阅读 · 0 评论 -
【VUE基础】VUE3第一节—vite创建vue3工程
Vite项目中,index.html是项目的入口文件,在项目最外层。加载index.html后,Vite解析指向的JavaScript。Vue3**中是通过 **createApp函数创建一个应用实例。原创 2024-07-03 22:26:16 · 1177 阅读 · 1 评论 -
【前端VUE】Vue3+TypeScript+Django Rest Framework-环境准备
开发环境搭建需要用到的环境如下:* Python 3.7.7* Node.js v20.4.0* NPM 9.7.2* Yarn 1.22.21* Git 2.40.1.windows.1前端环境安装1、下载安装Node.js,下载链接https://nodejs.org/dist/v14.17.3/node-v14.17.3-x86.msi2、安装Node.js时自动安装了...原创 2023-11-24 11:39:00 · 616 阅读 · 0 评论 -
【前端VUE】TypeScript 极速梳理
公众号回复“20231124”下载原创 2023-11-24 10:29:00 · 83 阅读 · 0 评论 -
【前端VUE】Vue3路由设置(Typescript版本)
新建项目npm create vite@latest 安装vue-routercd .\my-web\npm install vue-router在src -> components下新增(Home.vue)<template> <h1>我是主页</h1></template>在src -> component...原创 2023-11-25 23:05:00 · 218 阅读 · 0 评论 -
【VUE基础】VUE3第八节—VUE通信组件学习(附源代码)
大江东去浪淘尽,千古分流人物点击我传递多个参数原创 2023-12-20 12:38:00 · 530 阅读 · 0 评论 -
【前端VUE】VUE环境安装
nodejs安装nodejs教程https://blog.csdn.net/muzidigbig/article/details/80493880检查是否安装成功VUE安装npm install -g @vue/cli创建VUE项目vuecreate 项目名称第一个和第一个是默认的VUE3和VUE2配置,当前选择Manually select features 自行选择配置。选...原创 2023-11-17 21:51:00 · 25 阅读 · 0 评论