随笔分类 -  Vue

探索clickout指令实现
摘要：实现一个可复用的点击区域之外方法 随着3大框架的风靡，我们从以前的layer等UI库迁移到了更加强大的UI库，比如vue的好伙伴element,组件库的作用是封装一些常用的功能，将HTML、CSS、JS作为一个功能单元封装为一个整体，向外界暴露合理的接口，它极大地提升了我们的开发效率，最近遇到一个要 阅读全文
posted @ 2019-10-27 23:09 兴趣使然的Geek 阅读(757) 评论(0) 推荐(0)
Vue SSR入门
摘要：SSR SSR全称server side render，服务端渲染，服务端渲染在很久以前我们就在做了，例如常见的php，和jsp，这么一说就很容易了解这个概念了，那么为什么在这个时间段，又说起了SSR呢了，在三个框架横行的今天，它有什么重大优势让三大框架都专门支持了呢？ SSR的权衡 SSR的好处 阅读全文
posted @ 2019-10-06 21:59 兴趣使然的Geek 阅读(311) 评论(0) 推荐(0)
vue生命周期
摘要：现在很容易见到生命周期这个概念，简单点来理解就是就是某个时间点，就会运行对应的程序，生动来说就是如果按照人的一生的各个阶段来做事情，那我们会更清晰，更优效率，更重要的是，每个阶段都有一些可以做的不可以做的，我们学习代码的生命周期就是找出每个阶段，它允许我们做什么。 官方生命周期视图： beforeC 阅读全文
posted @ 2019-02-23 17:23 兴趣使然的Geek 阅读(222) 评论(0) 推荐(0)
Vue自动化注册全局组件脚本
摘要：今天有一个idea，vue一些组件，可能会全局都用到，我觉得在main.js写 然后很命令式，写着也不好看，想着能够有一个函数可以指定加载比如components下的文件，自动完成全局化注册，想起来就很帅 放代码： js export function autoLoadingGlobalCompon 阅读全文
posted @ 2019-02-06 20:28 兴趣使然的Geek 阅读(2351) 评论(0) 推荐(0)
Vue中的v-bind指令
摘要：普通： property="value" 此时 value为字符串 v bind指令 v bind:property="value" 此时 value会被解析成一个变量，若是在vue实例中没有找到，会显示找不到错误 作用： 1.用于动态绑定一个值 2.用于传入变量 注意事项: :property = 阅读全文
posted @ 2018-10-18 21:32 兴趣使然的Geek 阅读(2114) 评论(0) 推荐(0)
Vue响应式原理以及注意事项
摘要：响应基于 set 和 get(Object.defineProperty) 类型： 单向绑定 双向绑定 简单例子(基于Object.defineProperty) html <!DOCTYPE html Document name age </form // 实现Model到View的单向绑定 // 阅读全文
posted @ 2018-10-14 20:14 兴趣使然的Geek 阅读(1167) 评论(0) 推荐(0)
vue-cli配置跨域代理
摘要：现在使用vue大多使用了前后端分离模式，因此游览器经常显示跨域失败的信息，现在跨域的方式很多种，主要分两大类，ajax跨域，dom跨域，具体的方法就不例举啦。 vue cli作为一个强大的脚手架，内置了一个简单的配置型跨域方式 找到目录下的config文件下，index.js中dev配置对象中的pr 阅读全文
posted @ 2018-09-26 23:16 兴趣使然的Geek 阅读(3090) 评论(0) 推荐(0)
vue中的scoped分析以及在element-UI和vux中的应用
摘要：vue使用了单文件组件方式来解耦视图即.vue后缀文件名 单文件组件组成部分： 其中template、script以及实现了私有化 那么style如何实现私有化？ 为此vue为style提供了一个scoped属性用于实现样式私有化 实现样式私有化的原理： 先看一个例子 显示结果 从上面两段代码对比可 阅读全文
posted @ 2018-09-26 20:48 兴趣使然的Geek 阅读(343) 评论(0) 推荐(0)
Vue中的native修饰符解析
摘要：native修饰符 一般来说，vue本身提供了v on:eventName这个语法来提供vue的时事件绑定，通常使用@eventName这个语法糖代替上述语法。 使用过程中没有考虑@eventName作用标签的类型，因为一般将该语法用在html原生标签，在组件标签上使用的时候，出现了@click=" 阅读全文
posted @ 2018-07-24 16:09 兴趣使然的Geek 阅读(2845) 评论(0) 推荐(1)