摘要： 1.服务端渲染； 2.typeScript; 3.gulp。 阅读全文

摘要： 一：textarea组件层级过高导致文字穿透浮层问题。 项目需求：最近做的一个小程序需求，其中一个页面使用到了 textarea 这个小程序组件，然后点击页面上的某个元素，会触发页面弹起一个弹窗，这时发现 textarea 的 placeholder文字或者输入的文字内容，会直接穿透遮罩层和浮动弹窗 阅读全文

摘要： 原文：https://dev.to/ratracegrad/creating-custom-directives-in-vue-58hh 翻译：心上有杨 指令是带有 v- 前缀的特殊属性。指令的作用是当表达值发生变化时将副作用反应性地应用于 DOM。Vue.js 提供了大量的指令供你使用。你可能已经 阅读全文

摘要： 首先安装vuex 等显示安装成功后，在src文件夹里面新建store文件夹，并且在store文件夹里新建index.js。index.js代码如下: 然后，我们到main.js文件引入store,代码如下： 至此，vuex就可以正常使用了。 接下来就详细说说用法： 回到store文件夹里的index 阅读全文

摘要： 一：父传子 父组件代码如下： 子组件代码如下： 运行结果如下图： 二：子传父 子组件代码如下： 父组件代码如下： 运行结果如下： 点击按钮后，运行结果如下： 三：非父子 如果是非父子进行组件通信的话，我们首先要创建一个桥梁，通过这个桥梁使两个组件产生联系。 首先创建‘桥梁’ bus.js，代码如下 阅读全文

摘要： v-cloak的作用简而言之是为了防止页面加载的时候出现vuejs的变量名。 它的具体用法是在css中添加以下代码: 但是有时候仍有变量会显示，具体原因是v-cloak的display:none属性被其优先级高的样式覆盖，所以有以下解决方式，具体如下： 综合以上就是v-cloak的用法了。 阅读全文

摘要： 最近博主想换一个工作环境，于是自信满满的赶上了金三银四的好时候。殊不知外面的世界早于以前不同了，特别是前端这一块。 在开始之前申明一下，博主的公司一直用的技术栈是vue，期间也开发过两个小程序，相比较而言，原生js以及jquery的项目已经很久很久没做过了。 言归正传，放上这次面试题的题目： css 阅读全文

摘要： 一、路由拦截 1.首先在router的index.js里配置一个自定义字段requireAuth,用该字段来判断进入该路由是否需要登录。如果已经登陆则进入该路由，反之则进入登录页面。 如图是路由配置： 2.在main.js里面利用vue-router的beforeEach钩子函数对路由进行判断。 实 阅读全文

摘要： 最近做移动端H5页面用VUX来写UI组件这块。ios测试的时候没啥大问题，不过在4.4版本的华为手机上测试就崩了。接下来详细记述下崩的几个点。 第一：vux自带的提示框，在低版本安卓系统上全不是居中显示，都偏左； 第二：使用Action Sheet来显示性别选择模态弹出框的时候，一开始就显示，即使选 阅读全文

摘要： 因项目需要，需要使用多语言，特此记录使用方法。 第一步:安装vue-i18n npm install vue-i18n 第二步：在生成的i18n文件夹中的index.js里引入vue-i18n 第三步：依旧在i18n文件夹中的indx.js文件里实例化，并且设置默认语言 第四步：挂在到vue的实例中 阅读全文