vue
关注
分享
扫一扫
文章平均质量分 61
从最基础的vue语法到蘑菇街项目的vue复习。vue全家桶知识点的整理。
回首＆逝去～
这个作者很懒，什么都没留下…
展开
-
vue（十四）——vue3新特性之组合式api（二）
组合式api的一些使用原创 2022-09-20 15:46:40 · 487 阅读 · 0 评论 -
vue（十三）——vue3新特性之组合式api（一）
组合式api的基本使用原创 2022-09-07 15:34:08 · 956 阅读 · 1 评论 -
vue（十二）——vue3新特性之Teleport
以一个简单的遮挡层案例，来学习一下teleport这个vue3新增的内纸组件。原创 2022-08-08 20:08:35 · 2936 阅读 · 0 评论 -
vue（十一）——混入mixin
混入（mixin）提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项（如data、methods、mounted等等）。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。......原创 2022-08-07 17:51:26 · 250 阅读 · 0 评论 -
vue（十）——插槽slot
简单来说插槽就是一个占位的标签，当父组件传递进来内容后就会把这个占位标签替换掉。插槽是由于有时组件的要求不一样，为了组件的更多扩展性而进行的一种功能。原创 2022-08-07 16:48:47 · 289 阅读 · 0 评论 -
vue（九）——vuex
目录一、安装使用vuex1、安装vuex2、创建vuex二、一、安装vuex 当然，如果使用脚手架，已经选择了使用vuex，这步可以跳过1、安装vuexnpm install vuex2、创建vuex1、在src目录下创建store目录，并在此目录下创建index.js(这点见仁见智，看个人喜好创建目录结构)2、引入vue和vuex；并将vuex安装到vue上。3、创建并导出vuex.store4、在main.js中引入vuex并注册..原创 2021-12-13 11:17:48 · 833 阅读 · 0 评论 -
vue（八）——vue的生命周期
目录一、什么是vue的生命周期二、生命周期函数三、keep-alive一、什么是vue的生命周期Vue 实例从创建到销毁的过程，就是生命周期。官方图解如下：二、八大生命周期函数Vue 的生命周期总共分为8个阶段：创建前、后，载入前、后，更新前、后，销毁前、后。（点击函数名可以跳转到官方文档位置）1、beforeCreate（创建前）表示实例完全被创建出来之前，vue 实例的挂载元素$el和数据对象 data 都为 undefined，还未初始化。...原创 2021-12-12 20:57:23 · 2765 阅读 · 0 评论 -
vue（七）——组件传值
vue的父子组件传值原创 2021-12-11 21:01:45 · 550 阅读 · 0 评论 -
vue（6）——前端路由vue-router
摘要 前端路由就是用来管理你输入什么url来显示什么页面的。具体的使用如下：vue-router的使用如果你使用脚手架的话，可以直接在src目录下的router目录里面的index.js文件直接引入组件并配置路由。1、安装vue-router（在脚手架中可以直接选择），npm install vue-router2、在src目录下创建一个router目录， 里面创建一个index.js文件 ， 这个目录就是router的模块3、在2中创建的index...原创 2021-12-09 20:15:57 · 257 阅读 · 0 评论 -
vue（五）——vue-cli即vue脚手架
vue-cli的使用以及vue项目的工程目录结构原创 2021-12-08 10:48:59 · 335 阅读 · 0 评论 -
vue（四）——vue双向数据绑定的原理以及实现
摘要我们本篇文章从双向数据绑定v-model的使用，到使用vue的input事件来实现双向数据绑定，再到vue实现双向数据绑定的原理（也就是使用js来实现双向数据绑定）；这三点来由浅入深的了解一下vue的双向数据绑定。1、v-model的使用v-model使用非常简单，就是在标签中加入v-model="data中的数据变量"这样的代码代码演示：<!DOCTYPE html><html lang="en"> <head> <me原创 2021-12-07 13:35:10 · 449 阅读 · 0 评论 -
vue基础（三）——vue实例化对象
摘要 今天来分享一些vue对象中最常见的几个属性。其实前两天我们已经学过两个属性了，分别是el和data。他们的意思分别是挂载的元素和数据集合。今天我们学习原创 2021-12-06 11:00:46 · 2881 阅读 · 0 评论 -
vue基础（二）——vue基础语法
摘要 昨天分享了vue的起步与体验。今天我们来看一下vue的基础语法。主要有：v-text、v-html、v-bind、v-on、v-if、v-show和v-model的使用。1、v-text v-text 就是设置标签的内容，但是会覆盖元素中原本的内容。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2021-12-05 14:11:31 · 597 阅读 · 0 评论 -
vue基础
摘要 由于最近一段时间实习在公司一直在做小程序，很少有时间再敲vue；所以我准备接下来一段时间复习一下vue；巩固下自己以前的知识。1、尝试vue 首先，和学习jQuery之类的一样，我们要先引入vue.js代码。在引入vue.js之后，我们要开始创建一个vue对象。接下来我们先用一个最开始的hello world代码来举例：<!DOCTYPE html><html lang="en"><head> <me...原创 2021-12-04 19:05:20 · 276 阅读 · 0 评论