
VUE3
文章平均质量分 66
清雨扰落瓣
这个作者很懒,什么都没留下…
展开
-
mockjs介绍
mockjs介绍 ` 官网:https://github.com/nuysoft/Mock/wiki/Getting-Started 一、为什么使用mockjs 在做开发时,当后端的接口还未完成,前端为了不影响工作效率,手动模拟后端接口, 我们可以使用json文件来模拟后台数据,但比较局限,无法模拟数据的增删改查 使用json-server模拟,但不能随机生成所需数据 使用mockjs模拟后端接口,可随机生成所需数据,可模拟对数据的增删改查 二、mock优点 1.引入库 1.前后端分离, 2.可随机生成原创 2022-03-21 20:42:51 · 261 阅读 · 0 评论 -
前端必学Vue3 组合式 API 的基础 —— setup
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 Vue3 组合式 API 的基础 —— setup一、setup 是什么二、组合api特点三、setup()四、ref值类型 响应对象五、reactive引用类型 响应式六、watch监听七、watchEffect监听效果八、computed计算九、生命周期十、全局配置十一、getCurrentInstance获取当前实例十二、setup使用vuex十三、setup(props,context)参数 一、setup 是什么 示例:pand.原创 2022-03-16 21:37:39 · 1490 阅读 · 0 评论 -
前端开发人员必学的VUE脚手架搭建
提示:vue脚手架的作用是用来自动一键生成vue+webpack的项目模版,包括依赖库,免去你手动安装各种插件,寻找各种cdn并一个个引入的麻烦。 文章目录一、cmd命令操作符如何打开?1.win+r输入框内输入cmd回车打开2.打开之后就是下面这个样子二、创建vue脚手架1.在黑窗口里面输入cd /然后按下回车总结 一、cmd命令操作符如何打开? 1.win+r输入框内输入cmd回车打开 2.打开之后就是下面这个样子 二、创建vue脚手架 1.在黑窗口里面输入cd /然后按下回车 这样子文件创建地原创 2022-03-06 22:14:08 · 3571 阅读 · 0 评论 -
vue3脚手架
文章目录一、cmd命令的运行二、vue脚手架vue CLI是一个基于vue.js进行快速开发的完整系统,通过@vue/cli搭建交互式的项目脚手架1.vue脚手架安装2.创建项目 一、cmd命令的运行 示例: 输入cmd回车 。 二、vue脚手架 vue CLI是一个基于vue.js进行快速开发的完整系统,通过@vue/cli搭建交互式的项目脚手架 1.vue脚手架安装 代码如下(示例): 安装:npm install -g @ vue/cli #OR 2.创建项目 查看版本(示例): vue -V .原创 2022-03-02 20:24:34 · 2074 阅读 · 0 评论 -
vue3基础指令和渲染
一、指令 vue指令是v-前缀的特殊属性,下面是vue3的指令的简单介绍跟实例。 1.v-text指令 v-text主要用来更新textContent,可以等同于JS的text属性。``代码如下(示例): 全写:<span v-text="msg"></span> 简写:<span>{{msg}}</span> 2.v-html指令 双大括号的方式会将数据解释为纯文本,而非HTML。为了输出真正的HTML,可以用v-html指令。它等同于JS的innerHt原创 2022-02-28 19:05:22 · 2451 阅读 · 0 评论 -
前端程序员必学的Vue3
提示:什么是vue框架 vue.js是一套构建用户界面的渐进式框架 vue只关注图层,采用自底向上增量的开发设计 vue的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 文章目录一、vue的引入方式?二、使用步骤1.引入库2.vue的创建三、vue的多重条件四、vue的v-show和v-if的区别五、vue事件处理六、vue生成选项卡六、vue步进器 一、vue的引入方式? 示例:vue.js跟JQuery的引入方式一样,有网络引入和本地引入。 二、使用步骤 1.引入库 代码如下原创 2022-02-24 20:25:49 · 7790 阅读 · 0 评论