vue-cli构建的项目引用自定义的函数

最新推荐文章于 2021-09-10 19:38:43 发布
最新推荐文章于 2021-09-10 19:38:43 发布
阅读量1.7k 收藏
点赞数
文章标签： vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/suoshan3847/article/details/81489556
版权

项目结构

我想在adminHome.vue中调用adminHome.js里定义的函数，
首先引入js
自定义的函数

这时浏览器会报找不到函数

在网上搜索一番后找到解决方法。

这时控制台能正确打印出日志

但是如果我想在adminHome.js里定义多个函数怎么办，办法是有滴




但是这样也太麻烦了吧，当然办法还是有滴~



大功告成~

啵唧
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 自定义函数
weixin_43222587的博客
08-26 1304
vue 自定义函数 /** * 存储localStorage */ export const setStore = (name, content) => { if (!name) return; if (typeof content !== 'string') { content = JSON.stringify(content); } window.localStorage...
Vue-Cli 自定义指令
一路向前的博客
08-28 1453
使用Vue框架开发的同胞们在非常愉快的使用vue内置指令的同时，有时候因为业务的原因，难免想动一动DOM的底层，这时候，vue为我们提供了自定义指令的权利。那么自定义指令，当然得区分时局部定义还是全局定义(比如我们需要定义一个元素获取焦点时的指令)： 局部定义指令：局部定义需要在单文件组件中的dirctives中进行 directives: { focus: { /**在绑定元素插入DOM中定义 */ inserted(e) { e.focus()
vue自定义全局js函数_vue自定义通用函数（全局函数）
weixin_35980160的博客
01-17 951
在一个项目中，经常会出现多个地方都要使用到同一个函数的情况，尤其在vue的组件之间是相互独立的情况下，要是每次要使用到函数都要重新定义，这样会显得特别累赘繁琐，也会造成代码的冗余，所以有没有办法注册一个通用的函数供所有组件使用呢？这就需要我们来自定义全局函数了，思想跟java的通用工具类基本是一样的，看过我几篇文章的亲们就会知道我做的项目是webpack+vue2.0+...的框架下实现的，所以基...
Vue中自定义指令
扬蛋儿
10-10 266
自定义指令的语法：     注意：自定义指令名称的时候 v-要去掉                     =====》              
vue-cli 中定义公共函数
dancer_mm的博客
11-23 1428
1.定义函数 //自定义一个common.js exports.install=function(Vue){ Vue.prototype.dateToBatch =function(date) { // date = '2019-11-20 16:32' var array = date.split(' '); var date = array[0] var t...
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
在Vue.js开发中，我们经常会使用Vue CLI工具来快速搭建项目环境。然而，在更新到较新的VueWebpackTemplate时，可能会遇到“vue-cli加载不到dev-server.js”的问题。这是因为旧版本中，开发服务器的配置通常在dev-...
Vue-cli创建项目从单页面到多页面的方法
12-09
Vue CLI 是一个非常流行的工具，用于快速搭建基于 Vue.js 的前端项目。默认情况下，Vue CLI 创建的项目是一个单页面应用程序（SPA）。然而，对于一些需求更复杂或有多个独立页面的项目，单页面架构可能不够理想。...
深入理解Vue-cli搭建项目后的目录结构探秘
12-01
随着对 Vue-cli 的深入理解和实践，我们可以自定义配置，以满足项目的特定需求。例如，可以通过修改 `webpack.base.conf.js` 来配置加载器，通过修改 `vue.config.js`（如果项目没有，可以自行创建）来调整 Vue-cli ...
微信小程序开发附源码：vue-cli构建项目下使用微信分享功能.doc
最新发布
05-18
本文将详细介绍如何在使用vue-cli构建的项目中集成微信分享功能，并提供相应的源码参考。 首先，我们需要在项目的`index.html`文件中引入微信官方提供的分享JS文件。这通常是在页面底部加入如下代码，确保在页面...
基于 vue-cli3 搭建的前端H5模板
02-22
Vue CLI 3 是 Vue.js 官方推出的一款现代化的前端构建工具，它极大地简化了 Vue.js 项目的初始化和开发流程。本项目是一个基于 Vue CLI 3 搭建的前端H5模板，适用于快速构建响应式、高性能的移动网页应用。 在开始...
Vue CLI 命令行打包配置自定义参数
lkr_lkr的博客
03-31 1万+
Vue CLI 命令行打包配置自定义参数前言重点 vue.config.js在 vue.config.js 文件中计算环境变量配置代码命令日志使用扩展彩蛋 前言 难点来自于需求，好????那我们就说说我是因为什么需求呢？ 需求：我要通过【页面ID】访问接口数据，进行Vue模块化构建包含【页面数据】的静态页面。我有很多的页面ID!!!（不要纠结为啥有这样的需求，干就完了） 思路：1.通过命令行打包时传入...
Vue中如何自定义函数指令
qq_45803050的博客
09-10 4510
Vue中如何自定义函数指令：有两种方式，局部注册和全局注册 一. 局部注册： new Vue({ el: '#root', data: { n: 1 }, // 局部的指令 // 自定义指令 // 注意：指令里面的 this 都是 window directives: { //注意定义的是 big，使用的是 v-big // big函数何时会被调用： 1 指令与元素成功绑定时（一上来） //
Ｖｕｅ自定义函数（ｆｕｎｃｔｉｏｎ）
热门推荐
感谢遇到的每一个人的博客
08-29 3万+
实现目标：如果想要自定义一个函数，并且这个function不存在Vue中的内置事件，比如我要实现｛绑定到元素上时就调用此函数，而不是通过某个动作而去触发它｝ 解决办法：Vue.directive　//指令定义函数　可以直接搜索这个　查看更详细的文档 一、实际例子，实现背景图和屏幕高度一样： ＨＴＭＬ代码图如下： ｊｓ代码图如下【简写方法】：   二、demo简单演示： html...
vue-cli全局变量
just_for_your_smile的专栏
12-15 6918
一.定义不变的vue全局变量 一般我们都会定义一些 常量，比如基础的访问域名， 静态资源版本号。 可以将该常量绑定到vue的全局属性上即可： 1.函数Vue.prototype.baseUrl = function () { return 'http://csdn.net'; };2.变量 Vue.prototype.getTitle = { title:
vue 自定义函数的写法
u014498465的博客
10-24 2万+
1.在js文件中写入处理函数   export default { methods: { /** * 面包屑处理函数 * @param breadcrumbs 面包屑 * @param component 需要加入进来的面包屑 * @returns {Array} */ ...
Vue自定义全局函数
mosowe
05-11 1043
自定义全局函数在main.js里面写：Vue.prototype.$ksort = () => { };
vue /vue-cli3 项目调用自己封装的js文件
liuliu3636的博客
03-01 7275
1. 在入口文件main.js中引入js文件,然后挂载到vue的原型上: //引入公共js import messagebox from "../myJs/messagebox.js" import publicmethods from "../myJs/publicmethods" Vue.prototype.messagebox=messagebox; Vue.prototype.publ...
JS如何调用VUE组件内部的方法
Nicole Cao的博客
05-31 1万+
需求描述：有一个js文件，需要调用vue内部methods中的方法。解决方案：可以将vue中的方法当作参数传出来。案例：vue中： methods: {     animation(){……}， aaa(){     jsmethod(homeThis.animation)     } }JS文件：function jsmethod(animation){     if (anima...
vue-cli3组件import引入
qq_37508970的博客
12-03 4954
vue-cli3 更新之后，引入组件import chezhuliebiao from ‘…/owner/owner_list’ 会报错：Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” opti...
Vue实例与生命周期深度解析：结合vue-cli实战
Vue CLI（命令行工具）是快速搭建Vue项目开发环境的工具，可以生成项目模板、配置自动化构建流程、安装依赖等。使用Vue CLI可以大大加速开发过程，避免重复配置工作。例如，创建一个新项目： ```bash vue create my...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值