Vue中子组件使用自定义事件向父组件传递数据
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script> </head> <b...
譬如朝露
页面滚动插件 better-scroll 的用法
正文better-scroll 是一个页面滚动插件，用它可以很方便的实现下拉刷新，锚点滚动等功能。实现原理：父容器固定高度，并设置 overflow：h...
vue中ref配合v-for获取不到dom元素的解决办法
我们使用了v-for指令循环出来的数据，ref获取不到dom元素，例如以下代码：<div class="foods-wrap" ref="food"> <ul> <li v-for="it...
vue2.0使用better-scroll
安装命令：npm install better-scroll引入better-scrollimport scroll from 'better-scroll';methods:{ scrolls(){ thi...
vue-cli脚手架切换版本
关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过 npm un...
vue使用install注册一个自己的插件
官方API：Vue.js 的插件应该有一个公开方法 install。这个方法的第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象：MyPlugin.ins...
vue-cli3.0开发请求本地模拟数据的配置方法
找到文件 build - webpack.dev.conf.js//首先 const express = require('express') const app = express() var appData = requir...
vue打包后出现"Failed to load resource: net::ERR_FILE_NOT_FOUND"错误
一 般打包的时候命令行会出现如下错误提示：然后去dist文件夹运行index.html。在浏览器里会发生如下错误提示： 先在config/index.js把原本...
vue -(问题系列)component lists rendered with v-for should have explicit keys.
最近使用了muse-ui中的轮播，运行vue项目的时候，cmd报错运行时显示warning，添加：key即可
Vue按需引用Mint-ui中的注意点
首先安装mint-ui这个毫无疑问npm i mint-ui -S官网上面已经说明了如何按需引用，但是需要注意几点借助 babel-plugin-component，我们可以只...
Rem自适应js之精简版flexible.js
本文转载于：http://caibaojian.com/simple-flexible.html 原文链接：http://caibaojian.com/simple-flexible.html之前我在“前端开发博客...
vue移动端flexible.js结合Muse-ui使用的小坑
1.flexable.js这是阿里淘宝的前端库，做到了极好的自适应，这样省去了大量的工作。(1)安装插件 npm install lib-flexible --save（2）在...
Vue中的watch监听
watch是用来监听数据，路由，数组，对象等的变化，数据发生改变就会触发watch中定义的方法例如以下代码：<div> <p>FullName: {{fullName}}<...
vue路由传参三种基本方式与区别
现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。父组件中：<li v-for="article in articles" @click="...
Vue父组件获取子组件的数据和方法
父组件使用子组件中的数据或者方法的使用需要两步子组件需要使用ref传递数据<child ref='datas'></child>2.父组件使用this.$refs...