Element UI详细介绍Element UI是一个基于Vue 2.0的桌面端组件库,旨在构建简洁、快速的用户界面。由饿了么前端团队开发,提供丰富的组件和工具,帮助开发者快速构建高质量的Vue应用,并且以开放源代码的形式提供。1. Vue+ElementUI安装安装Element UI可以通过npm或yarn进行安装:
npm install element-ui --save或者yarn ad
原创
2024-06-11 09:17:51
160阅读
1.使用命令行引入vue-router cnpm install vue-router --save 在package.json文件中, 可以看到vue-router安装成功 2.与main.js同级创建router.js 2.1.router.js文件的内容如下 HelloWorld组件为模板组件 ...
转载
2021-10-11 15:23:00
1406阅读
2评论
注意:本文 vue-cli 版本:3.x, 4.x1. 下载想要引入的字体的字体包;2. 将要的字体放在资源目录下并创建一个 css 文件;
原创
2022-04-18 14:36:26
5523阅读
1、在utils文件夹中新建utils.js /** * 通用js方法封装处理两种方式 * Copyright (c) 2019 ruoyi */ /** 第一种方式*/ function myFun() { console.log('this is my function') } function
原创
2024-06-05 11:53:13
176阅读
一起养成写作习惯!注意:本文 vue-cli 版本:3.x, 4.x1. 下载想要引入的字体的字体包;2. 将要的字体放在资源目录下并创建一个 css 文件;3. 在 font.css 文件中引入想要的字体;// 这是 font.css 可设置多种字体;// 注意:font-family: 'XXX'; 将字体名字自定义为 XXX,使用时要用这个名字@font-face { font-famil
原创
2022-04-19 09:41:41
818阅读
vue中的provide和inject(依赖注入)一、名词解析provide:Object | () => Object
inject:Array | { [key: string]: string | Symbol | Object }provide:提供依赖``是一个对象,或者是一个返回对象的函数。里面呢就包含要给子孙后代的东西,也就是属性和属性值。inject:注入依赖一个字符串数组,
最近在了解前端性能优化问题,想到能不能给我之前做的小项目使用cdn优化一下,准备冻手 首先是找到免费的cdn资源,网上有很多我就不说明了,这里列出我使用的样式文件放在head里面
<link href="https://cdn.bootcdn.net/ajax/libs/vant/3.4.3/index.css" rel="stylesheet">
js文件放在body里面
<
转载
2023-11-20 13:09:31
114阅读
遇到要在项目中引入一些外部字体,我使用的是思源字体 cli2的我还没试过,现在的方法是cli3的, 不用配置config文件就可以 第一步: 去下载想要引入的字体的字体包,找ui要或者网上自己去搜 第二步:将要的字体放在资源目录下,看自己项目需求要放哪里,创建一个css文件 第三步: 在fonts. ...
转载
2021-09-22 10:32:00
732阅读
2评论
在使用vue框架开发的时候 ,是非常的方便的,但是在工作中 ,还是会有遇到对接jq的部分的接口,这个时候就需要在vue的界面里面引入jQuery并使用了1:在项目里面安装npm install jquery --save2:在项目里面找到.eslintrc.js文件打开并进行配置我们在env中配置 jQuery:true3.打开项目的根目录vue.config.js文...
一、img标签1、静态引入(静态路径加载)相对路径<img class="pic-404__child left" src="../../assets/404_images/404_cloud.png" alt="404">绝对路径<img class="pic-404__child left" src="@/assets/404_images/404_cloud.png" al
转载
2023-06-08 23:39:26
4523阅读
vue脚手架使用swiper;以及报错小问题的解决;
原创
2022-01-04 17:28:30
1794阅读
1. 安装及引入vue-socket.io 其实是在 socket.io-client(在浏览器和服务器之间实现实时、双向和基于事件的通信) 基础上做了一层封装,将 $so
原创
2022-04-18 14:36:43
2773阅读
项目开发过程中遇到展示 json 的场景,且 json 文件体积过大,小则几百kb。vue-json-views 即使加载 1M 左右的 json 文时,结合deep 深度限制,也能实现秒开的速度,组件压所过后体积只有15.7kb,开启gzip压缩后只有4.74kb。1. 示例及文档在线示例在线文档git clone https://github.com/zhaoxuhui1122/vue-json-view.gitnpm inpm run dev// 或 直接双击index.html2
原创
2021-07-13 15:50:35
1794阅读
1. 安装vue-json-editornpm install vue-json-editor --save2. 在vue组件中使用vue-json-editor<template> <div class = "routeManagement"> <vue-json-editor v-model="routeJson" :showBt...
原创
2021-07-13 16:04:00
5321阅读
本文已参与好文召集令活动,点击查看:后端、大前端双赛道投稿,2万元奖池等你挑战! 项目开发过程中遇到展示 json 的场景,且 json 文件体积过大,小则几百kb。vue-json-views 即使
原创
2022-01-16 11:47:30
1202阅读
项目开发过程中遇到展示 json 的场景,且 json 文件体积过大,小则几百kb。vue-json-views 即使加载 1M 左右的 json 文时,结合deep 深度限制,也能实现秒开的速度,组件压所过后体积只有15.7kb,开启gzip压缩后只有4.74kb。1. 示例及文档在线示例代码地址git clone https://gitee.com/zhengyis/vue-j
原创
2022-01-11 14:55:40
564阅读
一起养成写作习惯!Vue中 使用 WebSocket1. 安装及引入vue-socket.io 其实是在 socket.io-client(在浏览器和服务器之间实现实时、双向和基于事件的通信) 基础上做了一层封装,将 $socket 挂载到 vue 实例上,同时可使用 sockets 对象轻松实现组件化的事件监听,在 vue 项目中使用起来更方便。安装:vue-socket.io npm地址npm
原创
2022-04-19 09:45:18
1019阅读
文章目录一、初步认识render函数二、为什么使用render函数三、render函数的解析 一、初步认识render函数import Vue from 'vue'
import App from './App'
Vue.config.productionTip = false
new Vue({
el: '#app',
render: h => h(App)
})在使用脚手架
转载
2024-04-14 16:13:50
38阅读
1. 简介
Lodash 中文网Lodash 是一个著名的 javascript 原生库,不需要引入其他第三方依赖,是一个意在提高开发者效率,提高 JS 原生方法性能的JS 库。简单的说就是,很多方法 lodash 已经帮你写好了,直接调用就行,不用自己费尽心思去写了,而且可以统一方法的一致性。Lodash 使用了一个简单的 _ 符号,就像 Jquery 的 $ 一样,十分简洁。类似的还有 Un
原创
2021-07-13 15:57:42
2401阅读
由于在最近的项目中,需要用到扫一扫二维码签到的功能,在纯H5的页面中要实现这个是不太可能的,所以考虑用jssdk或者混合开发,由于没有微信公众号和混合开发的经验,混合开发不太现实,公司没有考虑这个,而jssdk有其他公众号平台的公司配合,所以就看看技术上能不能实现。技术上要考虑的就是,能不能在项目中引入jssdk,然后当用户在微信端打开的时候,就能够通过jssdk来调用微信的扫一扫功能。由于公司和
转载
2024-07-24 06:23:26
141阅读