main.js 第26页

移动端rem适配

vue-cli3用rem进行适配步骤安装手淘的flexible,插件名称叫amfe-flexiblenpmiamfe-flexible--save-devnpmipostcss-pxtorem在main.js

sunny688·2023-10-04 20:28

vue/自定义指令

1、全局注册1.1在main.js中注册//1、注册指令//1.1全局注册Vue.directive('focussss'

m0_59259076·2023-10-04 19:43

mixins php,Vue之mixin和mixins

先定义mixin.jsconstmixin={methods:{two(num){returnnum*num}}}exportdefaulltmixin在main.js文件全局引入importmix

杨朝伟·2023-10-04 15:10

vue vue-touch移动端手势

1、安装cnpminstallvue-touch@next--save2、引入在main.js中importVueTouchfrom'vue-touch'Vue.use(VueTouch,{name:'

神奇大叔·2023-10-04 15:37

Vue中的移动端事件插件vue-touch

vue-touch包括单击、双击、长按、缩放等手势事件npm安装npminstallvue-touch@next--save//main.js中引入：importVueTouchfrom'vue-touch'Vue.use

yuanliy·2023-10-04 15:06

vue-引入使用main.js全局常量

common.js命名什么都可以，用来定义常量的定义了之后使用export让此暴露出去constQRaddress='http://localhost:9875'export{QRaddress,}main.js

youmdt·2023-10-04 05:15

Vue与relation-graph：高效打造关系图的秘诀

先来看一个示例项目：//relation-graph也支持在main.js文件中使用Vue.use(RelationGraph);这样，你就不需

静Yu·2023-10-03 16:41

在vue.js中实现多语言切换（vue-i18n的使用）

1.下载安装npminstallvue-i18n-save2.在main.js中引用importVuefrom'vue';importVueI18nfrom'vue-i18n';Vue.use(VueI18n

光明老妖·2023-10-03 13:10

vue-----vue-18n多语言处理，实现国际化

可以借助vue-i18n插件来实现这个需求vue-i18n国际化插件：实现语言切换使用：一、安装依赖npminstallvue-i18n二、main.js文件中导入、配置（配置也可写在一个单独的i18n.js

cx&lavender·2023-10-03 13:08

前端Vue中多语言切换功能的实现

项目开发过程中，多语言切换功能可使用vue-i18插件，具体实现方法如下：step1:在项目中安装vue-i18插件cnpminstallvue-i18n--save-devstep2:在项目的入口文件main.js

宇宙超级无敌博·2023-10-03 13:08

pinia2入门使用

安装npminstallpinia在main.js中引入使用import{createPinia}from'pinia'ap

天气不不错·2023-10-03 08:02

vue3项目使用pinia及pinia数据持久化的应用

No/Yes2.下载npmipinia在main.js中配置import{createApp}from"vue";//引入createPiniaimport{createPinia}from"pinia

秃头姐妹·2023-10-03 07:52

Vue3的pinia使用及持久化存储

2、在main.js中useimport{createApp}from"vue"importAppfrom"./App.vue"import{createPi

慢羊羊头上没草·2023-10-03 07:52

Vue3引入pinia模块和使用持久化插件

目录1.引入Pinia插件2.创建store实例，并引入main.js文件中3.创建一个存储模块4.使用存储模板的数据5.刷新页面数据丢失问题前言学习pinia的模块化管理，通过构建多个存储模块，可以让程序自动拆分它们

明月落乌江·2023-10-03 07:52

Vue3使用Pinia持久化存储（超详细介绍）

2.1.下载插件:npmipinia-plugin-persistedstate2.2.在main.ts或main.js中进行稍微配置2.3.在仓库中使用3、经过以上配置，你的pinia仓库就能进行持久化存储啦

nibabaoo·2023-10-03 07:22

Vue中组件通信（eventBus）

//main.js//方式一Vue.prototype.$E

是妍妍吖·2023-10-03 03:48

vue前端国际化Vue I18n使用入门

1.安装yarnaddvue-i18n2.配置main.js文件importVueI18nfrom'vue-i18n'//引入VueI18nimport{cn}from'.

随风飞2019·2023-10-03 00:06

Vue【有与无】【F3】【问题】vue 2.x 动态路由刷新后空白

先确认在route.js或者main.js中有没有使用路由守卫vue.beforeEach和vue.addRouter()促使页面每次刷新，重新根据后台返回数据生成动态路由。

琴韵·2023-10-02 23:51

vue2.x使用swiper

先上结果，运行安装命令：[email protected]在main.js文件中加上importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper

相维变·2023-10-02 04:22

Vue3配置路由

文章目录一、创建index.js二、main.js的配置三、在App.vue中引入一、创建index.js在src文件夹中创建router文件夹，并在其中创建index.js文件//引入路由对象import

叶卡捷琳堡·2023-10-01 23:49

springboot和vue：十、vue2和vue3的差异+组件间的传值

vue2和vue3的差异main.js的语法有所差别。vue2是importVuefrom'vue'importAppfrom'.

鸡鸭扣·2023-10-01 19:29

vue之clipboard复制文本

clipboard.js首先，我们要先安装npminstallclipboard--save然后，在mian.js中引入，当然我们也可以在用到的.vue中单独引入，如果不止一个地方需要用到复制，可以直接在main.js

为嘉泽做准备的·2023-10-01 19:47

Vue 实现POST数据，并请求数据

安装vue-resourcenpminstallvue-resource--save-dev‘打开main.js配置vue-resourceimportVueResourcefrom'vue-resource'Vue.use

Gerald_cxz·2023-10-01 11:02

vant-ui 如何定制主题

vuecli3.0版本的第一步在main.js引入node/moudule文件夹下vant/lib/index.less文件。

小懒惰的猪·2023-10-01 02:26

vue2.0 vue-i18n报错问题处理

1、首先升级vue-i18n的版本为^8.26.7"vue-i18n":"^8.26.7",2、main.js文件进行更换：//自动设置语言constnavLang=navigator.language

爱吃的瓜~·2023-10-01 01:41

axios 和 vue-axios

首先使用npm下载所需的包//cmd命令$npminstallaxiosvue-axios-S然后在vue-cli3.0脚手架中的main.js中引用axios并注入到Vue中//main.jsimportVuefrom'vue

山上有桃子·2023-09-30 21:31

封装flexible.js，页面替换px为rem，实现不同分辨率适配

rem，但是直接通过npminstallflexible安装的flexible.js默认设置的分辨率范围不符合现有的需求，所以就把安装包里面的flexible.js单独拿出来，然后改下分辨率范围，直接在main.js

coderdwy·2023-09-30 17:24

在vue中使用moment.js格式化时间

一：安装npminstallmoment--save二：在main.js中导入组件importmomentfrom'moment'三：在main.js定义全局过滤器Vue.filter('dateformat

小努努努力·2023-09-30 07:22

VUE项目如何在移动端使用console插件

1.安装npminstallvconsole2、在main.js中引入importVconsolefrom'vconsole';letvConsole=newVconsole();exportdefaultvConsole

勤能补拙的笨小孩·2023-09-30 05:14

WebPack-打包工具

从图中我们可以看出，Webpack可以将多种静态资源js、css、less转换成一个静态文件，减少了页面的请求.下面举个例子：main.js我们只命名导出一个变量exportconstname="老六"

沐风清扬·2023-09-30 04:31

【vue】实现上下滑动翻页

1、安装vue-awesome-swiper模块：npmi-Svue-awesome-swiper2、在main.js中导入：importVueAwesomeSwiperfrom'vue-awesome-swiper

u5f20u5929u8000·2023-09-30 04:16

vue-context-menu-实现鼠标右键事件

第一步：安装vue-context-menunpminstallvue-contextmenu--save第二步：在main.js中引用importVueContextMenufrom'vue-contextmenu'Vue.use

想念·2023-09-30 03:46

Bug：elementUI样式不起作用

前端问题合集：Vue+ElementUI1.Vue引用Element-UI时，组件无效果解决方案前提：已经安装好elementUI依赖//安装依赖npminstallelement-ui//main.js

NPE~·2023-09-29 23:52

chrome extensions mv3通过content scripts注入/获取原网站的window数据

window的数据还有点难度，下面会通过事件的方式传递cs和topwindow之间的数据写一个例子代码manifest.json这里只搞了2个js，content.js是contentscripts，main.js

apades·2023-09-29 20:37

Vue项目兼容IE浏览器，解决通过IE访问Vue出现空白问题

1.安装插件安装命令如下：npmibabel-polyfill-S2.引入在main.js文件中最上方引入：import'babel-polyfill'参考文档

发疯的小白·2023-09-29 19:09

ElementUI之首页导航+左侧菜单

在views中添加Register.vue2.2.在Login.vue中的methods中添加gotoRegister方法2.3.在router/index.js中注册路由三、组件通信（总线）3.1在main.js

许潜行·2023-09-29 16:19

vue编写echarts地图，可以显示或者下钻，省，市，县，引入相应的省，市json文件

首先安装echartsnpminstallecharts--save然后再main.js中引入echartsimportechartsfrom'echarts'Vue.prototype.

xingchen678·2023-09-29 12:36

vue3 中echart使用

刺客-Andy·2023-09-29 10:34

vue3 中使用 Pinia

1、安装Piniayarnaddpinia2、在main.js/ts中引入pinia，本篇以js为例，ts中使用自己参考typeScript添加类型import{createPinia}from'pinia'import

刺客-Andy·2023-09-29 10:34

vue学习-08全局事件总线与消息订阅与发布

下面是如何在Vue.js中创建全局事件总线的步骤：创建一个事件总线对象：在你的Vue.js应用中，通常在根实例（main.js或根组件）中创建一个事件总线对象。你可以使用Vue实例作为事件总

Miaow.Y.Hu·2023-09-29 09:37

vue中设置花样字体

然后再在style文件夹中创建一个fontStyle.scss文件再在main.js文件中注册就可以全局使用了在页面中使用fon

qq_51538602·2023-09-29 07:53

element安装指定版本ui

比如，如果您要安装版本2.13.2，那么命令应该是：[email protected]等待安装完成后，您需要在项目的main.js文件中导入ElementUI：importVuefrom'vue

我头像真的只是只猫·2023-09-29 06:52

基于Vue和Element UI实现前后端分离和交互

创建登陆注册界面登录组件---Login.vue注册组件---Register.vue定义组件与路由的对应关系效果演示：三、前后端数据交互1.安装axios2.导入api模块，添加axios的全局配置3.修改main.js

孤留光乩·2023-09-29 01:14

页面初始化css

1.直接在main.js文件里引入想要加载的文件require("./assets/css/common.css")require("./assets/css/reset.css")

小杰的简书·2023-09-29 00:42

vxe-table 使用过程中的bug，实时更新（置顶）

解决办法：第一步安装依赖npminstallfont-awesome--save第二步引入依赖样式文件在main.js文件中引入//引入font-awesomeimport'font-awesome/css

IT博客技术分享·2023-09-28 20:12

uni-app使用时需注意的一些问题

一、组件做全局引入时要注意最近在使用uni-app开发微信小程序，开头偷懒，组件做了全局引入，但是随着组件的增加，微信小程序报main.js超过500KB（实际大小为549KB），后来跟踪发现是因为组件做了全局引入影响

Lcwai·2023-09-28 19:16

el-input-number/el-input 实现实时输入数字转换千分位(失焦时展示千分位)

el-input-number/el-input实现实时输入数字转换千分位(失焦时展示千分位)我把封装指令的代码放在了main.js,代码如下//金额展示千分位Vue.directive("thousands

youyu-youyu·2023-09-28 17:16

vue项目中使用阿里巴巴矢量图标库中的 Lottie库

iconfont-阿里巴巴矢量图标库先看效果图：使用过程：1，安装插件yarnaddlottie-web2,本文将lottie-web挂载到了vue上；在main.js文件中：importlottiefrom"lottie-web

汉武大帝··2023-09-28 14:17

vue 项目中使用阿里巴巴矢量图标库iconfont

下载的文件内容如下：在vue的assets文件夹下创建icon文件夹，将下载的文件放入这个文件夹下在main.js中引入import'.

唐小亭·2023-09-28 14:46

阿里巴巴矢量图标的下载以及在vue项目中引入使用

：iconfont-阿里巴巴矢量图标库→登录自己的账号→选择需要的图标，加入购物车→点击购物车，选择添加至项目→下载到本地→解压该文件在vue项目中引入将解压后的文件引入至项目→src→assets在main.js

ZhengDaHui360·2023-09-28 14:11

推荐频道

main.js