公共代码多次放在scoped内 我们很多时候写了一个公共的common.scss,然后在各个vue里面 <style scoped> import '@/assets/css/common.scss' <…

源码地址： https://github.com/capricornc… 使用说明 Install zx-waterfall using npm npm i --save zx-waterfall ES6+ …

在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的特性。新语法的由来可查阅 RFC…

使用Vue也有很长一段时间,但是一直以来都没对其组件之间的通信做一个总结,这次就借此总结一下。 父子组件之间的通信 1）props和$emit 父组件通过props将数据下发给props,子组件通过$emit来触发自定义…

一、安装nodejs,官网下载安装 nodejs下载安装完成后，就可以使用npm命令了 二、安装使用cnpm npm在国内网络不稳定，下载速度慢，我们可以使用淘宝的cnpm进行 npm install -g cnpm -…

前言 上回我们项目也跑起来了，目录结构也简单了解了，现在我们就开始将我们之前看文档的那些东西，在这边操作一下吧，如果你之前没有看过 vue 文档的话，也没事，先看完我这个，然后再回去学习官方文档。 预备工作 这次的话，我…

亲测，对于vue3.x来说，适配最好 vw 与 vh单位，以viewport为基准，1vw 与 1vh分别为window.innerWidth 与 window.innerHeight的百分之一。 安装命令行输入： ya…

组件通信 父子组件通信 父传子 props属性 子传父 $emit事件 这两种官方文档里有很详细的介绍就不解释了 还是举个栗子： //parent.vue父组件 <template> <div> …

下班过目遇到一个错误 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not availabl…

一.环境搭建 1.全局安装官方脚手架 vue-cli,脚手架安装成功后可以通过 vue -V来查看版本，如果显示版本号。说明安装成功了。 npm install -g @vue/cli 2.创建项目 vue-learn …

问题： 已知Vuex中通过actions提交mutations要通过context.commit(mutations,object)的方式来完成然而commit中只能传入两个参数，第一个就是mutations,第二个就是…

1.在Page组件的ref属性中设置一个id值例如:pages,在vue实例中是用$refs[‘pages’]操作该组件即可,如果不明白的可以去vue官网看refs的介绍 <template…