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 · 233 阅读 · 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 · 1430 阅读 · 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 · 3511 阅读 · 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#OR2.创建项目查看版本(示例):vue -V.原创 2022-03-02 20:24:34 · 2002 阅读 · 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 · 2391 阅读 · 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 · 7738 阅读 · 0 评论