vue3.0
撑戌圆爱痒生
文章为个人经验
如有误欢迎指正~
侵删,谢谢~
展开
-
每日三道前端面试题--vue 第五弹
每日三道前端面试题--vue 第五弹DOM 渲染在哪个周期中就已经完成?说明Vue父组件向子组件传值的方法(代码或文字描述均可)?请列举axios的配置项及含义(五条)?DOM 渲染在哪个周期中就已经完成?dom渲染完成的周期为:mounted这是挂载后的阶段,在这个阶段,数据和DOM都已被渲染出来。说明Vue父组件向子组件传值的方法(代码或文字描述均可)?参考:vue3.0 组件使用 引用 传值 父传子 子传父父传子:在组件标签上写属性传值请列举axios的配置项及含义(五条)?原创 2021-07-28 20:27:45 · 100 阅读 · 0 评论 -
每日三道前端面试题--vue 第一弹
每日三道面试题--vue 第一弹1.对vue渐进式框架的理解2.v-if 和v-show的区别3.MVC、MVP和MVVM的区别一、MVC1.视图(View):用户界面。2.控制器(Controller):业务逻辑3.模型(Model):数据保存二、MVP三、MVVM每日三道前端面试题–vue 第一弹不积跬步,无以致千里;不积小流,无以成江海。1.对vue渐进式框架的理解对“渐进式”这三个字的理解:Vue渐进式-先使用Vue的核心库,再根据你的需要的功能再去逐渐增加加相应的插件。2.v-if 和原创 2021-07-22 15:29:19 · 135 阅读 · 0 评论 -
vue3.0 word导出
vue3.0 word导出安装引入添加点击事件js部分安装npm install --save file-saver用于保存文件引入import FileSaver from 'file-saver'添加点击事件<el-button type="danger" @click="outexcel()">导出文件</el-button>js部分//导出文件 function outexcel() { //后台获取导出数据 proxy.$axio原创 2021-07-21 16:29:28 · 315 阅读 · 0 评论 -
vue3.0 execle 导出功能实现
vue3.0 execle 导出功能实现安装引入给table加ref属性获取需要导出的execle表格元素安装npm install --save xlsxnpm install --save file-saverfile用于保存文件所以也要安装引入import XLSX from 'xlsx'import FileSaver from 'file-saver'import { ref, reactive, getCurrentInstance, onMounted, }原创 2021-07-21 15:47:32 · 1016 阅读 · 1 评论 -
富文本功能实现vue3.0
富文本功能实现vue3.0安装引入创建div创建button按钮js部分安装npm i wangeditor --save引入import WangEditor from "wangEditor";import { onMounted, onBeforeUnmount, } from 'vue'创建div创建button按钮div用来放富文本按钮用来放点击事件<div class="editor_text">说明书</div><el-but原创 2021-07-21 14:51:42 · 297 阅读 · 0 评论 -
vue 3.0记录Element UI 表单使用(看了隔壁小孩儿都会用的Element UI 表单组件使用)
Element UI 表单 使用 记录element ui 表单input文本域日期选择中国标准时间与xxxx-xx-xx格式时间之间的来回切换中国标准时间转换为xxxx-xx-xx格式xxxx-xx-xx格式转换为中国标准时间时间选择中国标准时间与xx:xx:xx时间格式的转换中国标准时间转换为xx:xx:xx时间格式xx:xx:xx时间格式转换为中国标准时间单选select下拉上传视频检测规则及绑定数据提交表单element ui 表单这次做了一个后台管理系统,用到了Element UI组件做个记原创 2021-07-21 11:00:34 · 1198 阅读 · 2 评论 -
js怎么给div加滑动条 vue给弹出层加滑动条(一分钟学会用js加滚动条)
怎么给div加滑动条 给弹出层加滑动条给div加滑动条给弹出层加滑动条给div加滑动条给需要滑动条的div加一个样式加一个高度,加一个overflow:auto;overflow:auto;height:200px;给弹出层加滑动条同理:给他外层加高度加overflow:auto;咳咳这是一篇没有水的更新呢(›´ω`‹ )...原创 2021-07-08 15:08:07 · 590 阅读 · 0 评论 -
vue3.0 axios 引入及使用
vue3.0 axios 引入及使用安装axios1.cmd安装2.手脚架安装引入axiosmain.js页面引入axios使用get方法post方法安装axios1.cmd安装npm install --save axios vue-axios2.手脚架安装1.vue ui 打开手脚架2.安装axios依赖引入axiosmain.jsimport axios from 'axios'app.config.globalProperties.$axios=axios//qsimpo原创 2021-07-02 18:23:33 · 5792 阅读 · 2 评论 -
vue3.0 抽奖 小功能
vue3.0 抽奖 小功能我给写进组件了<template> <div id="toll"> <div class="lottery-box"> <div class="lottery"> <div class="lottery-item"> <div class="lottery-start"> <div class="box gray" v-if="isStart===0">原创 2021-06-30 15:45:11 · 399 阅读 · 0 评论 -
vue3.0 vuex 全局变量 存储更改
vue3.0 vuex 全局变量 存储更改main.js准备vuex的文件使用方法(官方推荐)页面部分需要先引入vuex使用dispatch存储或改变数据index.js部分在state内写入要用的变量通过actions触发mutations的方法在mutations写方法更改state中的值main.jsimport store from './store'.use(store)完整如下图准备vuex的文件在src文件下创建一个store的文件夹内置一个index.js文件用来存放变量方原创 2021-06-30 10:25:43 · 3334 阅读 · 2 评论 -
vue3.0项目创建
vue3.0项目创建可视化创建(手脚架)命令行创建可视化创建(手脚架)1.win+R打开cmd命令行2.输入vue ui 打开手脚架vue ui3.打开项目管理器,选择创建4.选择项目创建位置下面选项如果需要向下兼容的话需要勾选,具体看项目需求下图:检查是否有语法错误,有一点错误就会报错,建议不选命令行创建1.打开需要储存的位置,打开命令行工具,或打开命令行跳转到需要存储的位置输入创建项目命令输入后回车运行vue create 项目名上下箭头键选择:创建项目类型原创 2021-06-30 09:50:22 · 179 阅读 · 0 评论 -
vue3.0 组件使用 引用 传值 父传子 子传父
vue3.0 组件引入及传值组件的创建组件引入在html中使用组件的创建1.将所需功能封装在components目录下的vue文件内组件引入2.在需要的vue页面的scripit标签下引入下面展示一些 引入位置。<script>//引入组件 import active from'../components/lotto.vue' export default{ setup(){ }, components:{ lotto:active, }在html中使原创 2021-06-29 14:36:17 · 622 阅读 · 0 评论 -
vue3.0实现地图功能
目前官方没有vue3.0组件,是JavaScript API v3以script标签引入vue3.0实现地图功能1.创建秘钥ak引入script1.打开index.html2.插入script在需要的vue 文件中插入一个空div在script标签中写入js部分onMouted语法1.创建秘钥ak申请入口:传送门引入script1.打开index.html2.插入script// 把密钥替换在您的密匙的位置<script src="//api.map.baidu.com/api?ty原创 2021-06-19 17:47:17 · 403 阅读 · 0 评论