![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue笔记
only家的博客
这个作者很懒,什么都没留下…
展开
-
vuex的简单使用和网页刷新vuex中state数据丢失的解决方案
最近在用vue写PC端的后台管理系统,涉及到系统操作员信息和权限的管理。以前很暴露的把一些信息都存到了sessionStorage中,就是为了完成功能,没考虑太多安全方面的问题。如今也不算是刚入门的前端小白了吧,这么直接存session太不应该了,就稍微改进了一下。看官网文档有store模式,可以管理各个页面组件共享的数据(状态)。不过我最后使用了vuex,这个专为vue设计的状态管理模式。无论用...原创 2019-11-21 14:52:07 · 841 阅读 · 0 评论 -
Vue响应式原理
Vue最独特的特性之一,是其非侵入性的响应式系统,数据模型仅仅是普通的JavaScript对象,而当你修改它们时,视图会进行更新,这使得状态管理非常简单。接下来就讲讲Vue响应式系统的原理。1、如何追踪变化当一个Vue实例创建时,Vue会遍历data选项(你传入的普通JavaScript对象)中的所有属性,并使用Object.defineProperty把它们转化为getter/setter,...原创 2019-10-30 11:31:52 · 170 阅读 · 0 评论 -
Vue生命周期
1、什么是Vue生命周期?Vue实例从开始创建到销毁的过程就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM——>渲染、更新——>渲染、销毁等一系列过程,我们称之为Vue生命周期。2、Vue生命周期的作用是什么?在生命周期的过程中会运行一些叫做生命周期钩子的函数,这给了我们在不同阶段添加自己代码的机会,使得我们可以更好地控制Vue实例。3、生命周期总共有几个阶段?...原创 2019-10-29 18:06:04 · 143 阅读 · 0 评论 -
Vue项目多地IP地址部署,后台配置动态IP
前端代码部署到用户本地,打包部署之后,后台以部署地的服务器ip为ip。我是直接通过在index.html文件(此文件项目打包不会的时候不会被打包)中设置一个全局的window对象的IPconfig属性来实现的(用户只需设置一下IP地址为部署地服务器IP)。当然,网上有单独新建一个config文件的方式。index.html:window.IPConfig = { 'ba...原创 2019-08-07 10:34:44 · 4049 阅读 · 0 评论 -
限制input输入框的输入字符个数,区别中英文字符
input输入框自带maxlength,但是无论是中文还是英文字符都算1。我们项目中要求的是中文字符算2个长度,英文字符算1一个长度。且我的是vue项目,需要实现双向数据绑定。经过一番研究得出下面的方法实现,暂时看来应该没问题。在此记录。项目中使用的是elementUI库,为了输入框与elementUI保持一致,加上class:el-input__inner使用@input实时监听输入框内容改...原创 2019-07-30 17:05:23 · 2705 阅读 · 0 评论 -
vue面试题
一、React 和 Vue 相同点:1、使用 Virtual DOM;2、提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件;3、将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库;二、React 和 Vue 不同点:1、性能vue和React的性能都非常高。优化:在 React 应用中,当某个组件的状态发生变化时,它会以该组件为根...原创 2019-07-17 12:41:47 · 742 阅读 · 0 评论 -
Vue、elmentUI国际化 vue-i18n项目实行简繁体切换
1、安装国际化插件vue-i18nnpm install vue-i18n --save2、增加国际化翻译文件在项目的src下添加lang文件夹增加中文简体翻译文件(zh-cn.js)以及繁体翻译文件(zh-mo.js),里面分别存储项目中需要翻译的内容。增加index.js实现按需加载里定制 i18n。index.js:import Vue from ‘vue’import V...原创 2019-05-23 14:23:43 · 4312 阅读 · 0 评论 -
vue项目在IE下出现空白
vue项目中遇到IE浏览器开发是空白页,并未按路由加载组件。原因Babel 默认只转换新的 JavaScript 句法(syntax),而不转换新的 API ,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法都不会转码。解决这个问题,我们使用 Polyfill(代码填充,也可译作兼...原创 2019-04-25 09:44:15 · 2964 阅读 · 0 评论 -
vue.js全局函数
在项目组需要定义全局函数,在不同的组件需要使用。记录一下我的解决方法。第一步:创建js文件,文件里面放全局函数**(函数一定要export出去)**我的文件位置如下:js里面的函数:第二步:在main.js中全局import,如下:import { ObjKeySortAscii } from ‘./assets/js/objKeySortAscii.js’//签名字符串排序Vue....原创 2019-04-24 16:17:53 · 652 阅读 · 0 评论 -
vue.js定义全局变量
在此次VUE项目中需要使用到全局变量。在此记录一下我的解决方法。在main.js文件里面直接定义全局变量,如://全局变量Vue.prototype.host = “http://195.164.5.11/yymicapi”;在组件中使用方法:this.host...原创 2019-04-24 16:03:40 · 1043 阅读 · 0 评论 -
elementUI修改navMenu带有二级菜单的title样式
在vue项目中使用了elementUI的navMenu的横向菜单,需要修改菜单的高度,默认是60px,要求是50px。给所有的 el-menu-item 标签修改了样式,唯独带有二级菜单的,样式就应用不上去。二级菜单是使用slot添加的,单独给这个slot添加样式,等渲染出来,样式却没有了。费了不少功夫,算是找到了解决方法。不知道全局引入样式有毛用,朋友说可以,但是我没有试。在此记录一下我的...原创 2019-04-29 09:41:20 · 7443 阅读 · 2 评论 -
Vue中使用AES加密
后台管理系统项目中遇到需要对用户登录密码进行AES/ECB/PKCS7Padding加密,然后调用登录接口,传入密码,用户名。在此记录一下我的实现过程。第一步:安装crypto-js项目中执行 " npm install crypto-js --save-dev " ,安装crypto-js。第二步:项目中新建一个js文件,比如:utils.js (utils:工具集)第三步:uti...原创 2019-04-19 10:59:06 · 1700 阅读 · 0 评论 -
在Vue项目中使用md5加密
在vue项目中使用md5对签名字符串进行加密。使用md5的方法如下。一、在项目根目录下安装md5npm install --save js-md5二、在main.js或是项目文件中引入import md5 from ‘js-md5’;三、在项目文件中使用md5(_signStr);...原创 2019-04-22 11:08:16 · 703 阅读 · 0 评论 -
vue请求后台接口跨域问题
在vue项目中通过axios请求后台接口,出现跨域问题。我的解决方法如下。在config/index.js中有个 “ proxyTable:{ } “ ,在里面添加代理规则如下:target: ‘http://’+接口的域名secure: false, // 如果是https接口,需要配置这个参数changeOrigin:true,// 如果接口跨域,需要进行这个参数配置注意: ‘...原创 2019-04-22 10:31:00 · 4973 阅读 · 1 评论 -
vue路由跳转,页面title随之变化
最近刚认真的学习和使用Vue2.0,有必要记录一下遇到的问题和相应的解决方法,给自己一个交代。## vue设置路由title,实现在vue路由发生变化的时候,相应的页面title随之变化使用vue-wechat-title插件来解决步骤:1、在项目根目录下打开命令行通过 “npm install vue-wechat-title --save” 来安装插件。2、在路由里面配置每个路由的地...原创 2019-04-08 14:38:06 · 2274 阅读 · 0 评论