前言 vue 为我们提供了很多复用性的方式,slot 和 mixins 就是其中两种…下面对这两种方式做一下记录 插槽使用场景 - 该组件被多个地方使用 - 每个父组件中对该组件的内部有一部分需要特殊定制 -…

Vue有著名的全家桶系列，包含了vue-router（http://router.vuejs.org），vuex（http://vuex.vuejs.org）， vue-resource（https://github.c…

学会查找api在vue中，v-text=“”等指令中的双引号可以是任何简单的js表达式，Js简单的表达式包括：Js基本类型，数字，字符串等等，还可以是三元表达式 v-show 控制显示隐藏和v-if的区别v-show 可…

一、 vue实例和数据绑定 1、引入vue的代码 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script&g…

vue程序在组件中进行传值有多种方式，这里记录我在项目中使用到的三种： 1. 父组件向子组件传值 2. 子组件向父组件传值 3. 通过路由传参 父组件通过props向子组件传值 在子组件script中声明所要接收的参数名…

首先下载flexible.js和px2rem npm install px2rem-loader 对webpack进行配置。进入build文件夹对utils.js中的postcssLoader做如下修改 const po…

<div id="root"> <child-one></child-one> <child-two></child-two> <button>ch…

可收缩多级菜单的实现 1、递归组件实战 通过v-show来切换re-menu和icon组件的显示隐藏,re-menu组件上几个课时有事例 <template> <div class="side-menu…

1. 路由组件传参页面组件可以通过props接收url参数布尔模式{ path: '/argu/:name', name: 'argu', component: () => import('@/views/argu…

Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 每一个组件或者实…

最近有个需求是要添加一个左滑删除的功能。参考了一下别的老哥的代码,做了一点点改进。记录一下。以备不时之需话不多说 ，上代码 <template> <div class="slider-item">…

mounted里面 if (window.history && window.history.pushState) { history.pushState(null, null, document.URL…