vue2:

1、在main.js同目录下创建common.js文件

function test() {
	...
}

export default {
	test 
}

2、在main.js中引入common


import common from "./common.js"

3、把common挂载到vue上

Vue.prototype.common = common

标签智能推荐:

vue3中watch函数

ue)=>{console.log("count改变了")})2.监听响应式对象letbook=reactive({name:"js编程",price:50});constchangeBookName=()=>{book.name='c#';};watch(()=>book.name,()=>{console.log('书名改变了')})3.监听多个参数执行不同的方法vue

第三十八篇:vue3路由

单单的淘宝镜像安装装一下淘宝镜像(一般都有)npminstall-gcnpm--registry=https://registry.npm.taobao.org然后装routercnpminstallvue-router@4//vue3用版本router42.路由语法//写在router.js中src目录下inport{createRouter}from"vue-router";//方法creat

Vue3学习与实践 · 全局异常监控

一些业务比较重要的组件进行配置,收集详细错误信息。使用了onErrorCaptured建议返回false,避免收集重复的错误信息。errorHandler和onErrorCaptured不能收集异步错误。Vue2和Vue3中的使用方法类似,onErrorCaptured是Vue3组合式API的方法,Vue2中使用errorCaptured钩子即可。《Vue3学习与实战》系列Vue3学习与实战·全局

vue3.0 demo代码记录

的特点:每次修改都会被追踪,都会更新UI界面,那么这个时候,我们可以通过toRow方法拿到它的原始数据,对原始数据修改就不会被追踪,这样就不会更新UI界面,这样性能就好了。注意:如果想通过toRaw拿到ref类型的原始数据(创建时传入的那个数据)那么就必须明确的告诉toRaw方法,要获取的是.value的值,因为经过Vue的处理之后,.value中保存的才是当初创建时传入的那个原始数据。markR

vue-cli4/vue-cil3使用process.env.VUE_APP_BASE_API全局地址代替vue-cli2process.env.BASE_API

前几天Vue3.0正式发布,也说明了Vue3.0后面不会再有大规模改动,大家可以开始系统性学习了,虽然目前大多数公司使用的还是Vue2.0,但这只是一个过渡阶段,Vue3.0经历了两年的开发,在去年Vue2.0也引入了Vue3.0体验组件,后面基本是新项目肯定会使用Vue3.0,Vue2.0到Vue3.0变化还是蛮大的。今天就一起学一下vue-cli4/vue-cil3和vue-cli2在全局地址

Vue3.0七大亮点

件,所有的vnode都会重新创建一遍,形成新的vdom树。在vue3中,对于不参与更新的vnode,会做静态提升,只会被创建一次,在re-render时直接复用。静态提升可以理解为第一次render不参与更新的vnode节点的时候,保存它们的引用。re-render新vdom树时,直接拿它们的引用过来即可,无需重新创建。事件侦听缓存在vue2中,我们写的@click="onClick"也是被当作动

Vue3发布半年我不学,摸鱼爽歪歪,哎~就是玩儿

学习Vue3.0亦是如此,虽然我这个人比较爱开玩笑,也爱写段子,标题取的也吊儿郎当,但是学习和行动起来我可不比别人差。学习过程中看文档、做demo,然后也一直在学习和分享Vue3的知识点,比如发布一些Vue3的教程:《Vue3.0来了,我们该做些什么?》《Vue3实战系列:结合Ant-Design-of-Vue实践CompositionAPI》《Vue3来了,Vue3开源商城项目重构计划正式启动!

前端开发Vue.js—版本2与3区别

构和开发引用。配以完善的中文文档,这简直太友善了,符合国内大多数前端开发的使用习惯。为何要升级呢?已经如此优秀了鸭?答案是:因为有react优秀在前,如果vue2.0不能跟上这个优秀的框架还固步自封的话,必将没落。Vue2.0的缺点是他的敌人比他更加优秀。性能比react低。(低在dom渲染上,低在watcher的监听不如react设计得高效)打包文件没有react轻简。对未来必然流行的TS没有r

Vue3使用docx模板,导出为word文件一系列坑。https://docxtemplater.readthedocs.io/(jquery搞这些就很舒服)

js插件,FileSaver.js、jquery.wordexport.js确定一个div点击触发下载了代码比较简单本文就不说了,笔者的博客中也有vue2时代的word导出方案一句话,使用docxtemplater官网地址:https://docxtemplater.readthedocs.io/需要四五个插件?、这个,好像比较接近答案https://www.jianshu.com/p/0de31

vue2vue3差异(总结)?

例的过程中传入prop,现在它被移除了。如果想为Vue3应用的根组件传入prop,使用createApp的第二个参数。全局函数set和delete以及实例方法$set和$delete。基于代理的变化检测不再需要它们了。用于迁移的构建版本@vue/compat(即“迁移构建版本”)是一个Vue3的构建版本,提供了可配置的兼容Vue2的行为。该构建版本默认运行在Vue2的模式下——大部分公有API的行