- 博客(4)
- 收藏
- 关注
RSS订阅原创 自动注册Vue组件【require.context】
在Vue项目开发中，经常需要import或者export各种模块，当一个页面中组件很多时，我们可能会这样引入组件：import A from 'components/A.vue'import B from 'components/B.vue'import C from 'components/C.vue'import D from 'components/D.vue'要是每加一个组件，都要写这么一句 import ，那岂不是很蛋疼，是否可以通过自动化引入呢？答案是肯定有的，那就要使用 webpa
2020-06-30 23:50:58
714
原创 Vue .sync 语法糖
1、使用之前在讲解这个语法糖之前，我们有必要先了解 Vue 中组件之间 单向数据流 通信规则：Vue 提倡单向数据流，即父级 props 的更新会流向子组件，但是反过来则不行。这是为了防止意外的改变父组件状态，使得应用的数据流变得难以理解。如果破坏了单向数据流，当应用复杂时，debug 的成本会非常高。所以开发中，我们需要遵循：父组件可以修改子组件的内容，而子组件是不能（不推荐）直接改变父组件的内容，但子组件可以通过事件触发的方式通知父组件来修改自己本身的内容。2、案例对比场景：控制弹框的显示
2020-06-18 12:57:18
2957
原创 Vue跨组件可响应通信【provide / inject】
Vue 组件之间常用的通信方式有：props 属性传递数据自定义事件 eventa. 全局的eventHub机制b. 父组件调用子组件使用 @eventName="handleFunc"，子组件在需要的时候调用 this.$emit(eventName, params) 即可通过 params 传参。ref 给元素或组件注册引用信息，然后父组件通过 this.$refs.child 获取到子组件实例对象。 如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素。$parent / $
2020-06-15 19:04:32
1444
原创 Nuxt项目支持import写法的三种解决方案
一、前情摘要使用npx create-nuxt-app创建Nuxt.js项目，项目默认使用require引入依赖，如下：const Koa = require('koa')而此时我们想使用ES6的 import 语法：import Koa from 'koa'运行的时候，会报 SyntaxError: Unexpected identifier，即不识别import错误。这是因为使用 npx create-nuxt-app 创建出来的Nuxt.js项目在 npm run dev 时直接使用n
2020-06-07 17:57:35
2697
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人