vue
零零历险记
一点一点
展开
-
Vue如何定义全局函数
1.在main.js里面直接写函数Vue.prototype.test = function() { console.log('执行全局函数test');};组件中调用this.test()2.写一个模块文件,挂载到main.js上面// base.jsexports.install = function(Vue, options) { Vue.prototype.text1 = function() { console.log('执行成功1'); }; Vue.pr原创 2021-01-18 14:27:44 · 347 阅读 · 0 评论 -
form只有一个input时候回车刷新页面
方法1:在文本域元素中加入onkeydown或者onkeypress事件,判断若用户点击了回车就阻止默认行为<body> <form> <input type="text" onkeypress="if(event.keyCode==13 || event.which==13){return false;}" /> </form></body>方法2:在form中再加入一个隐藏的文本域&l转载 2020-08-14 23:06:52 · 449 阅读 · 0 评论 -
vue的过滤器filter
Vue.js允许自定义过滤器。定义方法组件内定义如下:filters: { capitalize: function (value) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1) }}全局定义如下:Vue.filter('capitalize', function (value) { if (!v原创 2020-06-10 17:12:51 · 148 阅读 · 0 评论 -
vue的自定义指令及常用使用场景
除了核心功能morning的内置指令(v-model和v-show),也可以允许注册自定义指令代码的复用和抽象是主要形式是组件,然而,有的情况系啊,你仍然需要对普通DOM进行底层操作钩子函数、钩子函数参数、动态指令参数 常用场景总计如下:输入框自动聚焦// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时 inserted: function (el) { // 聚焦元素 el.fo原创 2020-06-10 16:03:16 · 591 阅读 · 0 评论 -
vue中Axios的封装和API接口的管理
一、axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截...转载 2020-03-20 11:00:47 · 269 阅读 · 0 评论 -
为什么v-for中的key值不推荐使用index
首先我们举一个例子我们现在有这个数组[ { id:201401, name:'chen' }, { id:201402, name:'sun' }, { id:201403, name:'wang' }, ]复制代码如果我们使用index做key在我们渲染到页面的时...转载 2020-01-20 16:06:34 · 916 阅读 · 0 评论 -
vue 实现上拉加载下拉刷新
项目需要用到上拉刷新下拉加载 所以自己手动实现了一个 组件:<template> <div class...转载 2020-01-17 15:05:03 · 384 阅读 · 1 评论 -
websocket使用遇坑
在vue当中集成websocket,将会遇到不少坑,在此,便是一些常见的坑,希望能帮助到你。首先,原生H5的开发,你需要...转载 2019-07-16 19:59:04 · 646 阅读 · 0 评论 -
vue 移动端自适应方案
方案1:直接引入js (自己 写的动态改变fontsize的js) function htRem() { var ww = document.documentElement.clientWidth; if (ww > 750) { ww = 750; } document.documentElement.style.fontS...转载 2019-07-03 16:52:07 · 310 阅读 · 0 评论 -
关于vue项目的seo问题
不可否定的是,vue现在火。但是在实际项目中,特别是像一下交互网站,我们不可避免会考虑到的是seo问题,这直接关系到我们网站的排名,很多人说用vue搭建的网站不能做优化,那我们真的要放弃vue,放弃前后端分离开发么? &nb...转载 2019-04-09 19:54:28 · 2327 阅读 · 1 评论 -
Vue源码解析
本文仅对Vue主体做一个流程化的简单解析,其他详细功能的代码分析过程是相同的。阅读源码之前,首先要确保对Vue.js的使用较为熟悉。先知道怎么用,再研究怎么实现。 首先去github下载官方源码:https://github.com/vuejs/vue当前版本为2.5.17。解压缩。为了方便查看,导入到webstrom中:源码必然在src文件夹。查看sr...转载 2019-01-20 13:35:49 · 2396 阅读 · 1 评论 -
webpack中require和import的区别
我之前在&amp;nbsp;《前端搭环境之从入门到放弃》这篇文章中吐槽过,webpack中可以写commonjs格式的require同步语法,可以写AMD格式的require回调语法,还有一个require.ensure,以及webpack自己定义的require.include,再加上ES6的import语法,这么多岂不是会把人给搞乱。本篇就来梳...转载 2018-11-07 16:25:32 · 583 阅读 · 0 评论