vue2 组件传值:父传子props 组件怎么使用点这页,本页就直奔主题了啊 一、基本传值:1.在父组件的标签上定义属性,值就是你要传的数据,如下:2.然后在子组件通过props属性接收传来的值,如下:父传子的基本传值就完事啦看效果: 二、指定类型传值,就是指定传来的值是数字、对象、字符串、、、首先在父组件上有两步操作,如下图:然后在子组件上也有两步操作,如下:效果如下:指定类型可以是下列原生构造函数中的任意: String Nu vue2 #vue2 #web
vue2 获取父组件夹杂了什么插槽 在子组件打印一下: 123mounted(){ console.log(this.$scopedSlots); }, 说明用到了两个插槽:left和columns vue2 #vue2 #web
vue2 项目打包降低体积终极法则汇总 网上看了很多适用的不适用的办法,我这里分享给大家我一路实践过的优化之路吧 开启Gzip这真的是个神插件 安装插件:npm i compression-webpack-plugin -D 在vue.config.js文件顶部引入:const CompressionWebpackPlugin = require('compression-webpack-plugin'); 在配置处使 vue2 #vue2 #web
vue2全局批量注册组件 12345678910111213141516171819202122<template> <div class="hello"> <h1>{{ msg }}</h1> </div></template><script>export defau vue2 #vue2 #web
vue2项目全局监听click点击事件,将其防抖处理 比如控制在3s内只执行一次: 那么在main.js里放入: 1234567891011121314151617181920212223// 防抖处理 - 先执行const on = Vue.prototype.$on;Vue.prototype.$on = function (event, fn) { // console.log(event,fn); let newFN = fn; vue2 #vue2 #web
vue加载进度条 插件vue-nprogress的使用方法 1.在你的项目根目录安装此插件 1npm install nprogress --save 如下图:2.待插件安装完毕后在min.js文件中全局引入并配置 12345678910111213141516171819202122232425262728import NProgress from 'nprogress'import 'nprogress/nprogres vue2 #vue2 #web
vue2项目部署时有二级目录,页面路径前加固定前缀 比如: vue init项目:config/index.js文件,build对象下的assetsPublicPath属性,值为你的前缀即可: src/router/index.js文件,加入base属性,值和上面的一样 搞定! vue router配置:https://blog.csdn.net/weixin_34026484/article/details/914 vue2 #vue2 #web