随笔分类 -  vue

vue3 的跨平台自定义渲染器
摘要：在 vue3 中，为了更好的实现多平台应用，将渲染器的创建函数 createRenderer 方法单独分离出来，不用像 weex 一样，需要 fork 一下，然后去改源码。 下面以 canvas 为例： 1、首先我们引用 vue3 <script src="../dist/vue.global.js 阅读全文
posted @ 2020-10-20 09:51 前端杂货 阅读(3332) 评论(0) 推荐(0)
vue computed实现原理
摘要：在 Vue.prototype._init 方法中的 initState 中有一个对于computed 的判断，如果有则执行 initComputed 方法初始化 computed。 function initMixin (Vue) { Vue.prototype._init = function 阅读全文
posted @ 2020-09-09 16:03 前端杂货 阅读(1497) 评论(0) 推荐(0)
vue 用 js 调用公共组件
摘要：在 vue 项目中，对于公共组件的调用一般是 import 引入公共组件，然后在 components 中注册组件，在页面中以标签的方式运用。 import Msg from './msg' export default { ...... components: { Msg }, ...... } 阅读全文
posted @ 2020-08-11 18:16 前端杂货 阅读(6294) 评论(10) 推荐(0)
web前端知识点（VUE篇）
摘要：vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 vue是一个MVVM框架，MVVM是一个MVC框架的改进版，由model-view-viewModel三块组成，由vi 阅读全文
posted @ 2020-07-05 18:55 前端杂货 阅读(968) 评论(0) 推荐(0)
vue 优秀组件库（持续更新）
摘要：vue-json-views JSON展示 GitHub：https://github.com/zhaoxuhui1122/vue-json-view mavon-editor 富文本编辑器 GitHub：https://github.com/hinesboy/mavonEditor 阅读全文
posted @ 2020-07-01 09:30 前端杂货 阅读(1427) 评论(0) 推荐(0)
vuejs 预渲染插件 prerender-spa-plugin 生成多页面 -- SEO
摘要：前端vue等框架打包的项目一般为SPA应用，而单页面是不利于SEO的，现在的解决方案有两种： 1、SSR服务器渲染 了解服务器渲染请进，这里不做记录。 2、预渲染模式 这比服务端渲染要简单很多，而且可以配合 vue-meta-info 来生成title和meta标签，基本可以满足SEO的需求 TIP 阅读全文
posted @ 2018-09-07 17:53 前端杂货 阅读(6990) 评论(4) 推荐(2)
vue vue-router 完美实现前进刷新，后退不刷新。附scrollBehavior源码解析
摘要：需求：在一个vue的项目中，我们需要从一个列表页面点击列表中的某一个详情页面，从详情页面返回不刷新列表，而从列表的上一个页面重新进入列表页面则需要刷新列表。 而浏览器的机制则是每一次的页面打开都会重新执行所有的程序，所以这个功能并不能直接实现。而vue-router给我们提供了一个叫scrollBe 阅读全文
posted @ 2018-07-27 11:44 前端杂货 阅读(7286) 评论(0) 推荐(6)
vue的监听键盘事件的快捷方法
摘要：在我们的项目经常需要监听一些键盘事件来触发程序的执行，而Vue中允许在监听的时候添加关键修饰符： 对于一些常用键，还提供了按键别名： 全部的按键别名： .enter .tab .delete (捕获“删除”和“退格”键) .esc .space .up .down .left .right 修饰键： 阅读全文
posted @ 2018-07-11 10:43 前端杂货 阅读(32525) 评论(0) 推荐(1)
分享一个PC端六格密码输入框写法
摘要：如图。我们一般做商城类的项目不免会用到支付密码输入框，我研究了下并决定发上来，也当作是自己成长路上的一点小小的记录。本次介绍的是基于vue的项目 html： css: js: 如有考虑不周的，请指出 阅读全文
posted @ 2018-05-30 15:28 前端杂货 阅读(2758) 评论(2) 推荐(0)
Vue项目中使用vw实现移动端适配
摘要：我们在vue移动端项目中的适配一般都采用rem，但是rem也不是能兼容所有的终端。 随着viewport单位越来越受到众多浏览器的支持，下面将简单介绍怎么实现vw的兼容问题，用vw代替rem 当我们采用vue-cli脚手架搭建完项目，安装所有依赖包之后，用npm run dev启动后，在根目录有一个 阅读全文
posted @ 2018-05-29 18:09 前端杂货 阅读(12753) 评论(6) 推荐(0)
vuex组件 vuex-persistedstate
摘要：vuex用于管理项目中的全局状态，但是我们一刷新vuex中保存的全局状态就会被全部初始化，虽然我们也可以同事缓存到storage中做两步操作，但是vuex-persistedstate组件已经帮我们完成了同步更新 然后用vuex中的plugins属性挂载 import createPersisted 阅读全文
posted @ 2018-05-28 14:26 前端杂货 阅读(5120) 评论(0) 推荐(0)
简易的vuex用法
摘要：vuex是vue中用于管理全局状态的一个组件，用于不同组件之间的通信，下面将介绍它的简单用法 首先安装vue与vuex 然后创建一个单独的文件store.vue用来对vuex的处理和使用 vuex有以下几种选项 state: Vuex store 实例的根 state 对象 mutations: 在 阅读全文
posted @ 2018-05-28 13:17 前端杂货 阅读(1423) 评论(0) 推荐(0)
vue 导出流文件excel
摘要：第一种方法：需要设置响应类型，这里还需要安装 npm install js-file-download --save ,然后引用 var fileDownload = require('js-file-download')，使用详情见github; 如果不添加 responseType: 'arra 阅读全文
posted @ 2018-05-28 12:02 前端杂货 阅读(1171) 评论(1) 推荐(1)