小编Ami*_*.io的帖子

VueJs 2.0 - 如何监听`props`的变化

VueJs 2.0文档中,我找不到任何可以监听props变化的钩子.

VueJs有类似onPropsUpdated()或类似的钩子吗?

更新

正如@wostex建议的那样,我尝试了watch我的财产但没有改变.然后我意识到我有一个特例:

<template>
    <child :my-prop="myProp"></child>
</template>

<script>
   export default {
      props: ['myProp']
   }
</script>
Run Code Online (Sandbox Code Playgroud)

我传递的myProp是父组件接收到child组件.那watch: {myProp: ...}就是不行.

javascript vue.js vue-component vuejs2

190
推荐指数
7
解决办法
15万
查看次数

正确使用减速器

我不明白减压器是什么意思.如果我有2个包含相同动作的reducer功能,它是否可以使用?

function reducerA(state, action){
   switch(action.type):
       ...
       case 'SAME_ACTION': {...state, field: state.field+1}
}

function reducerB(state, action){
   switch(action.type):
       ...
       case 'SAME_ACTION': {...state, field: state.field*2}
}
Run Code Online (Sandbox Code Playgroud)

所以,如果我调用并且调用reduceReducer了动作"SAME_ACTION",那么我会有下一个状态吗?reducerAreducerB{field: 0}{field: 2}

在我看来,它有点连接缩减器(意味着将它们合并在一个键下).

我是对的还是reduceReducer服务于不同的目的?

reducers redux

31
推荐指数
1
解决办法
2万
查看次数

使用react-bootstrap而不是bootstrap的优点

使用react-bootstrap而不是简单的旧Bootstrap有什么意义?

我正在浏览https://react-bootstrap.github.io/components.html,我认为没有任何优势.我只能看到它会给项目带来不必要的依赖.

在React/Redux项目中使用普通的Bootstrap有什么困难吗?

**编辑**

从阅读https://react-bootstrap.github.io/introduction.html中推断出来是唯一react-bootstrap能让我获得类名速记的东西吗?以下是同一页面的示例.

plain boostrap我做:

var button = React.DOM.button({
  className: "btn btn-lg btn-success",
  children: "Register"
});

React.render(button, mountNode);
Run Code Online (Sandbox Code Playgroud)

并在react-boostrap:

var button = ReactBootstrap.Button({
  bsStyle: "success",
  bsSize: "large",
  children: "Register"
});

React.render(button, mountNode);
Run Code Online (Sandbox Code Playgroud)

所有这些bsStyle, bsSize, ...react-boostrap都是人不喜欢的东西Angular有记得那些ng-*标签...我个人不介意,但如果它是唯一react-bootstrap给我,我会用twitter-bootstrap.还是我错过了什么?

twitter-bootstrap react-bootstrap

21
推荐指数
3
解决办法
2万
查看次数

如何调试rxjs5?

关于RxJS - 目标我读到他们的目标是更好的可调试性:

目标

提供比以前版本的RxJS更多的可调试调用堆栈

我刚刚开始使用redux-observable,这对我来说更容易理解比较它,redux-saga因为我已经习惯了反应风格lodashramda(好吧,fp风格也许;).我很惊讶它还没有可能调试它.这是真的吗?如果是这样,那么我必须切换到redux-sagas或者坚持下去redux-thunk.

根据Jay Phelps的回答编辑

通过调试我的意思是:"如何observable.map(...)在浏览器中设置断点?" 随着lodash我可以设置在浏览器中的断点,它就停在那里了_.map(...).怎么做redux-observable(或rxjs)?我不想依赖于绘制大理石图和console.log().

debugging rxjs5 redux-saga redux-observable

15
推荐指数
2
解决办法
3780
查看次数

13
推荐指数
1
解决办法
9241
查看次数

将对象传递给组件

我创建了一个组件,需要引用创建组件的对象.我没有上班,所有的考试都失败了.下面,我试着描述一下这个意图.

组件定义可能如下所示:

angular
    .module('myModule')
    .component('myComponent', {
        templateUrl: "template.html",
        controller: [
            MyController
        ],
        bindings: {
            myObject: '='
        }
    });

function MyController(myObject) {
    var vm = this;

    vm.myObject = myObject;
}
Run Code Online (Sandbox Code Playgroud)

在服务中我想创建我的对象:

function createMyObject(args) {
        var myObject = {some: data};

        myObject.ref = "<my-component myObject='{{myObject}}'></my-component>";
        return myObject;
    }
Run Code Online (Sandbox Code Playgroud)

如何将数据传递给角度组件标签?我是否必须切换回组件指令才能使其正常工作?

任何想法都非常感谢.谢谢.

angularjs angularjs-directive angularjs-components

12
推荐指数
1
解决办法
3万
查看次数

如何在Mongoose中使用正则表达式查找项目

在Mongoose doc中,我找不到MongoDb $ regex的等价物.你能提供一个find()带有正则表达式的简单Mongoose 吗?

regex mongoose mongodb

12
推荐指数
1
解决办法
3万
查看次数

如何从传奇中获取action.params

我在用redux-saga.在代码中yield* ReduxSaga.takeEvery('MY_ACTION', updatePorts);如何访问action以获取其字段.

例如,我有一个动作创建者:

function status(){
  type: 'MY_ACTION',
  status: true
} 
Run Code Online (Sandbox Code Playgroud)

我怎样才能action.status从我的传奇中获取?或者我是否只能通过getState()选择访问数据?

javascript state redux redux-saga

11
推荐指数
1
解决办法
7303
查看次数

如何将自定义库添加到暂存文件

在 PhpStorm/WebStorm 中,如何添加自定义库以便文件编译?在我的情况下,它会是 Lodash?

我试图将 lodash 添加到全局库中,但它没有帮助...

jetbrains-ide intellij-idea phpstorm webstorm scratch-file

10
推荐指数
2
解决办法
2198
查看次数

将默认错误级别设置为WARN

似乎所有eslint规则的默认错误级别是"error".这很烦人,因为即使是省略的分号,我的应用程序也无法编译.

如何设置它"warn"以便我的应用程序编译但显示警告?

我知道我可以设置每个规则手动警告,但我更喜欢全局.在官方文档中我没有找到这样的选择.

我的配置在.eslingtrc.js:

// http://eslint.org/docs/user-guide/configuring

module.exports = {
  root: true,
  parser: 'babel-eslint',
  parserOptions: {
    sourceType: 'module'
  },
  env: {
    browser: true,
  },
  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
  extends: 'standard',
  // required to lint *.vue files
  plugins: [
    'html'
  ],
  // add your custom rules here
  'rules': {
    // allow paren-less arrow functions
    'arrow-parens': 0,
    'indent': 1,
    // allow async-await
    'generator-star-spacing': 0,
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
    'padded-blocks': [1, …
Run Code Online (Sandbox Code Playgroud)

eslint

10
推荐指数
1
解决办法
631
查看次数