小编Иль*_*ько的帖子

我正在使用vue-cli通过以下命令构建我的库：

"build": "vue-cli-service build --target lib --name myLib ./src/component.vue"

构建后如何从dist文件夹导入组件？

如果我从导入path-to-myLib/src/component.vue，一切都很好！但是下面的代码不起作用：

// undefined
import { component } from 'path-to-myLib/dist/myLib.umd.js' 
// undefined
import myComponent'path-to-myLib/dist/myLib.umd.js' 
// result: https://i.stack.imgur.com/xHSzL.png
import * as myComponent'path-to-myLib/dist/myLib.umd.js'

我不明白问题是什么。

我想知道我应该为 Vue 类中的属性和方法使用哪些修饰符？（我使用vue-class-component包）。public, private, protected?

或者我应该关闭说我需要设置访问修饰符的 linter 规则？

这是一个示例组件：

@Component({
  components: { MyChildComponent }
})
export default class MyComponent extends Vue {
  // props
  @Prop({ type: String, default: '' }) public readonly value!: string
  @Prop({ type: Array, default: () => [] }) public readonly myProp1!: any
  @Prop({ 
    type: [Array, Object], 
    default: () => ({}) 
  }) public readonly myProp2!: any

  // data variables
  public myVar1: MyClass | null = null
  public myVar2: boolean = false …

我在 web.php 中有这样一个路由器的地方使用这个启动器Laravel + Vue SPA：

Route::get('/{any}', 'SpaController@index')->where('any', '.*');

但是当我使用不存在的 url 请求 api 时，我想通过以下方式返回响应

Route::fallback(function() {
    return response()->json(['message' => 'Not Found!'], 404);
});

这条路线不起作用，而是请求转到这条路线：

Route::get('/{any}', 'SpaController@index')->where('any', '.*');

我知道我需要改变，->where('any', '.*');但不确定如何改变。

如何为Rest API重制Laravel 5.7电子邮件验证？

还是值得从头开始做一切？

有没有一种方法可以简化此代码？

该按钮还应该更改子项的localValue。

Vue.component('my-input', {
  template: `
    <div>
      <b>My Input:</b> <br>
      localValue: {{ localValue }} <br>
      <input v-model="localValue">
    </div>
  `,
  props: ['value'],
  data() {
    return { localValue: this.value }
  },
  watch: {
    value () {
      this.localValue = this.value
    },
    localValue () {
      this.$emit('input', this.localValue)
    }
  }
})

new Vue({
  el: '#app',
  data: () => ({
    parentValue: 'Inital value'
  }),
  methods: {
    change () {
      this.parentValue = 'Changed value'
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.3/vue.min.js"></script>
<div id="app">
  <my-input v-model="parentValue"></my-input>

  <button @click="change">Change</button><br>

  parentValue: {{ …

我有这样一个数组，如何分组date并合并每个组？

$input =  [
    [
        'date' => '2018-09-25',
        'foo' => 'value1',
    ],
    [
        'date' => '2018-09-25',
        'bar' => 'value2'
    ],
    [
        'date' => '2018-09-26',
        'baz' => 'value3'
    ]
];

最终结果是这样的：

[
    [
        'date' => '2018-09-25'
        'foo' => 'value1'
        'bar' => 'value2'
    ],
    [
        'date' => '2018-09-26'
        'baz' => 'value3'
    ]
]