随笔分类 - VUE
摘要：vue 指令分为 内置指令 和 自定义指令 一、自定义指令 （顾名思义：自己封装的指令） 首先指令声明 directive(全局)，directives（局部） 1、全局自定义指令 main.js 全局注册 2、局部自定义指令 同一文件内如 index.vue 函数式： 对象式：对象式里包含 bin
阅读全文
摘要：一、事件修饰符 1、.stop 阻止事件冒泡 原生JS里面阻止事件冒泡 event.stopPropagation() 在 vue 里面直接可以写在 事件之后 @click.stop = 'submit' 2、.prevent 阻止默认事件 （如a标签默认跳转行为） 原生JS阻止默认事件 event
阅读全文
摘要：layout公共页面是使用频率非常高的页面，且直接通过路由配置 本篇例子：把侧边栏和导航头作为layout，因为在后台管理系统里基本是每个页面都要用的 1、首先在src/views下新建layout文件夹，layout文件夹下新建layout文件作为总体，再给layout新建components组件
阅读全文
摘要：我们项目一般无非三种环境： （dev）本地 （test）测试 （prod）开发 但是脚手架初始结构只有两个：serve，build，且不够灵活。 那么我们该如何配置呢？ 1、安装依赖包：npm install --save-dev cross-env 2、根目录新建三个文件，写好相应配置 2.1、.
阅读全文
摘要：骨架屏的意思就是，在页面数据没有渲染完成之前，把页面的答题框架展示出来，解决白屏问题，提升用户体验 骨架屏实现方式有三种： 一、图片代替：不灵活，且图片加载也是需要时间的，不推荐 二、页面结构写死：不灵活，不能复用，如果多个页面需要用到，得写多个，不推荐 三、通过webpack配置：可灵活配置，可复
阅读全文
摘要：实际开发中，很多数据需要进行过滤、正则、转化等等 那么这些操作函数可以注册成一个全局的过滤器。 1、首先建一个 filter.js 文件 2、引入注册（可以在 main.js 中注册，也可以在 install 中注册，个人觉得在 install 中注册更优雅，install 上篇博文有提） 3、组件
阅读全文
摘要：开发过程中高频复用组件都会注册为全局； 最普通的全局就把组件一个个引入到 main.js 中，但是这样做会让 main.js 变得非常杂乱 所以我们会到 install 的两种方式来实现全局注册（注意组件命名） 1、install的方式,就是直接导出一个install,然后main.js里引入 2、
阅读全文
摘要：http://doc.liangxinghua.com/vue-family/5.html
阅读全文
摘要：在平常的开发中，对计算属性computed计算属性也不是很熟悉，今天看了一下API，发现了computed的一些绝密宝藏技巧。 计算属性：顾名思义可以理解为 可以进行复杂逻辑、大量计算的一种属性 例如： 1 <div id="example"> 2 <p>Computed reversed mess
阅读全文
摘要：1、什么是插槽？ 插件接收父组件内容分发，简单点就是：插槽就是子组件提供给父组件填充内容的占位符，父组件可以在slote占位符中填充任何模板代码，包括HTML、组件等，填充的内容会替换子组件的<slot></slot>标签 1、匿名插槽 子组件中放一个slot占位符 父组件写入想要的填充内容 结果
阅读全文
摘要：1、动态路由（页面刷新数据不丢失） methods：{ insurance(id) { //直接调用router.push({ path: `/particulars/${id}`, }) } 路由配置 { path: '/particula
阅读全文
摘要：为什么要使用路由懒加载？ 懒加载有可以称路由按需加载，当需要的时候才去加载，可以有效减少页面多个组件同时加载压力，提升加载速度，解决白屏问题，提升用户体验！ 路由懒加载方式可以分为2种： ①：vue异步组件 ②：ES6中 import 引入 注意两种方式的用法区别
阅读全文
摘要：一：基础 如果搭建的是脚手架vue-cli4，搭建项目的过程中会提醒你配置vuex，并且也会自动在main.js中引入，不需要自己手动引入 生成之后的目录 index.js为一个总入口，文件里我定义了state、mutations和actions 组件中使用。 备注（监听数据变化的时候，不要滥用ES
阅读全文
摘要：实际开发过程中，数据交互的的时候需要赋值，刷新，但是不可能每次赋值之后都刷新整个页面，所以就要用到 vue.js方法 set （） 也可以这么写，vm是实例化对象） object ：赋值
阅读全文
摘要：有时候代码的某一模块可能会经常使用到，那么完全可以把这一模块抽取出来，封装为一个组件，哪里需要用到的时候只需把模块调用即可 。参考vue官方 https://cn.vuejs.org/v2/guide/components.html 这里用一段代码 <div id="components-demo"
阅读全文
摘要：有时候只要想到要用的 vue.js 的时候就会惯性的想起用vue-cli手脚架搭建一个项目，但是有时候的业务场景并不适合用vue-cli手脚架，这个时候使用vue+jquery混合使用，把他们的优点结合起来使用会大大提升开发效率。 那么vue+jquery应该如何使用呢？ 一、首先引入vue文件（c
阅读全文
摘要：1、现在基本的趋势就是前后分离，前后分离就意味着当后台接口还没完成之前，前端是没有接口可以拿来调用的 ，那么mock虚拟数据就很好的解决了这一问题，前端可以直接模拟真实的数据AJAX请求！ 运用 步骤： 1、在项目中安装mockjs、axios npm install --save axios mo
阅读全文
摘要：ES中的模块导出导入 export 和 export default 两个导出，下面我们讲讲它们的区别
阅读全文
摘要：1、父组件传值给子组件 emit 父组件 <div id="app" > <tree-component @func="getMsgFormSon" :childmsg="fatherParams"></tree-component> //引入的子组件，fathe
阅读全文
摘要：参考VUE官方文档样式绑定 https://cn.vuejs.org/v2/guide/class-and-style.html 需求是动态加载出来了所有菜单列表，点击其中一个li元素改变这个元素的背景色 用到VUE样式绑定对象语法 如果 isActive 的布尔值为 true 则样式渲染，如果为f
阅读全文
