金大大的博客

$listeners注意不要拼写错误！！！！$attrs的内容详见$attrs和inheritAttrs的详解与使用官方解释：简言之，用v-on绑定的且不用.native修饰的事件。可通过$listeners传递。例子：one组件<template> <div> one组件 <!-- <two :name='name' :age='age' @eventOne='eventHandler' @click.nati...

1. $attrs官方解释：简言之，$attrs相当于跨组件传参的桥梁，1.在版本2.4以前，默认情况下父组件传递的不被子组件props接受的属性，将会“回退”且作为普通的HTML特性应用在子组件的根元素上。如下列的例子组件one：<template> <div> <two :name='name' :age='age' /> </div></template><script>imp..

data () { let idCardValidity = (rule, code, callback) => { var city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江 ", 31: "上海", 32: "江苏", 33: "浙江",...

public文件夹相当于静态文件，打包之后不会被压缩。res.data就是你要的json数据。

1、创建Bus.js。挂载一个vue实例import Vue from 'Vue'export default new Vue()2.引入要用的组件（组件one和组件two是兄弟组件）想通过bus.js传参。one组件<template> <div>one组件 <input v-model="oneMsg" />...

include 使该标签作用于所有name属性的值跟此标签 include的属性值一致的vue页面exclude 使该标签不作用于所有name属性的值跟此标签 exclude的属性值一致的vue页面然后我就掉进坑里了，配置了一堆路由的name！！！！！无效！！！使用include/exclude 属性需要给所有vue类的name赋值（注意不是给route的name赋值），否则 incl...

1.子组件通过$emit 向父组件传参1.1.子组件：<template> <div class="content"> <h2>我是子组件</h2> <div> <button @click.prevent="child_fun('我是子组件传递到父组件的数据')">调用父组件的方法<...

父组件向子组件进行传值父组件：<template> <div> <h2>我是父组件：</h2> <div> <input v-model="parementMsg"/> </div> <div> <!-...

npm uninstall -g vue-cli 卸载2.xnpm install -g @vue/clivue --version 查看vue版本创建项目vue create my-projectvue cli 3.0相关链接：https://cli.vuejs.org/zh/guide/单页面应用单页面应用npm install -g @vue/cli-ser...

vue中，获取一个div的高赋值给另一个div （自适应）问题描述：左侧是video 为了让video不出现黑边 video是16：9的（怎么写成16：9的盒子 下次说）， 左侧的高度会随着页面宽度的变化而变化。起初是让左右等高用的flex盒子。右侧信息栏 有个笔记，笔记的条数不限制。就会出现右侧撑开了左侧的盒子。让左侧的盒子下边出现空白，很丑。解决办法获取左侧盒子的高度赋值给右侧盒子...