我正在使用vue-cli脚手架进行webpack

我的Vue组件结构/层次结构目前如下所示:

• 应用
  • PDF模板
    • 背景
    • 动态模板图像
    • 静态模板图像
    • 降价

在应用程序级别,我想要一个vuejs组件方法,它可以将所有子组件的数据聚合到一个可以发送到服务器的JSON对象中.

有没有办法访问子组件的数据？具体来说,多层深？

如果没有,传递可服务数据/参数的最佳做法是什么,以便当子组件修改它时,我可以访问新值？我试图避免组件之间的硬依赖关系,所以到目前为止,使用组件属性传递的唯一内容是初始化值.

更新:

坚实的答案.查看两个答案后,我发现有用的资源:

• Vuex以及何时使用它
• 适用于小型应用的Vuex替代解决方案

我正在使用这里找到的VueJS Webpack模板:https://github.com/vuejs-templates/webpack

示例路线:

const AuthRoute = () => import(/* webpackChunkName: "authroute" */ './AuthRoute.vue')

示例错误:

[eslint]解析错误:意外的令牌导入

我已经按照Webpack动态导入部分提供的步骤,以及Anthony Gore关于如何在路由器级别使用VueJS完成代码分割的博客文章.更具体地说,这是我的设置:

的package.json

...
"babel-core": "^6.22.1",
"babel-eslint": "^8.0.3",
"babel-jest": "^21.2.0",
"babel-loader": "^7.1.1",
"babel-plugin-dynamic-import-webpack": "^1.0.2",
"babel-plugin-syntax-dynamic-import": "^6.18.0",
"babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
"babel-plugin-transform-runtime": "^6.22.0",
"babel-preset-env": "^1.3.2",
"babel-preset-stage-2": "^6.24.1",
"eslint": "^4.13.1"
...

.babelrc

{
  "presets": [
    ["env", {
      "modules": false
    }],
    "stage-2"
  ],
  "plugins": [
    "dynamic-import-webpack",
    "syntax-dynamic-import",
    "transform-runtime"
  ],
  "env": {
    "test": {
      "presets": ["env", "stage-2"]    }
  }
}

.eslintrc.js

parserOptions: {
  parser: 'babel-eslint',
  sourceType: 'module',
  allowImportExportEverywhere: …

我正在创建一个小的Vue插件,允许用户在任何组件中添加"页面通知".我成功实现了类似的东西:

this.$notifications.add("a message");

它的工作原理!但是我必须注册我的插件所需的突变和操作,作为为我的应用设置商店其余部分的文件的一部分:

export default new Vuex.Store({...})

有没有办法从我的插件中添加动作和突变到我的商店？它目前看起来像这样:

import vuex from './../store';

const MyPlugin = {

  install(Vue, options) {

    // 4. add an instance method
    Vue.prototype.$notifications =
    {
      notificationTypes: {
          0: "warning",
          1: "info"
      },
      add: function (options) {

        let id = "page-notification-" + (vuex.state.pageNotificationsCreated + 1);
        let message = options.message || options || "no message";
        let notificationType = this.notificationTypes[0];

        if(options.notificationType && Number.isInteger(options.notificationType)){
            // Map int to string type
            notificationType = this.notificationTypes[options.notificationType] || notificationType;
        }else{
            // Or use string …

我试图将类型"Vector2"乘以值delta的标量并输入float.有关Vector2类型的信息,请访问:

http://libgdx.badlogicgames.com/nightlies/docs/api/com/badlogic/gdx/math/class-use/Vector2.html

特别是在那个页面上,我正在引用:

Vector2 --- Vector2.scl(float scalar)将此向量乘以标量

位置是Vector2的速度是Vector2

我收到错误:"方法scl(float)未定义为Vector2类型"

public void update(float delta) {
    position.add(velocity.cpy()).scl(delta); 
}

我正在尝试在 Javascript 中使用 Google Analytics API。我想要：

• 查询特定网站的数据（在我的控制下）
• 使用数据构建一个向公众开放的仪表板

我能找到的每个示例都要求您在查询数据之前使用 OAuth 进行身份验证。因为我只是想查询（而不是删除/修改），是有办法使用一个简单的API密钥来获取数据，我需要一种方式？

我目前正在对 HTML5 Canvas 上的图像应用简单的滤镜效果。类似于此处定义的技术：

HTML5 Canvas 图像对比 在这个HTML5 Rocks 中！博文

但是，这种特殊方法需要在重绘之前迭代每个像素并应用修改器。对于我的特定用例，这需要 150 毫秒以上来重绘我的图像（650 像素 x 650 像素 PNG）

使用CSS3 的过滤器属性（对比度或亮度）应用相同的效果需要不到 10 毫秒。

我的问题是：CSS3 的过滤器属性如何“在幕后”工作？为什么它的性能明显更高？有没有办法在 Canvas 中实现类似的性能？

我的代码基本上是这样的:

<a href="javascript:void(0);" onClick="viewServices(1)">Services</a>
<a href="javascript:void(0);" onClick="viewServices(43)">Services</a>
<a href="javascript:void(0);" onClick="viewServices(16)">Services</a>
...

viewServices的位置:

function viewServices(stylistID){
    alert(stylistID);
}

只有,有两个问题:

1. 我使用内联Javascript,这是不鼓励的.
2. 单击链接时,不会调用该函数.

还应该提到的是,我正在导入JQuery和Bootstraps .js文件,并且每个链接(以及相关的ID)都是动态加载的.

是否有一个已建立的方法,允许我删除我的内联JavaScript,但也使它,以便我可以调用函数将动态加载的链接的"ID"传递给函数？

**编辑

每个链接都是在mysqli_fetch_row期间生成的,它会重复,直到每行的信息都已经过.viewServices(#)中的数字实际上是

<?php echo $row[0]; ?>

题：

如何在 C# 或 JS 中将 RTF 字符串转换为 Markdown 字符串（并返回），理想情况下不包装 exe？

我有一个使用 .NETRichTextBox控件的旧产品。使用它的表单以 Microsoft 专有的RTF 格式保存其输出。这是它可以生成的输出的一个小例子：

{\\rtf1\\ansi\\ansicpg1252\\uc1\\htmautsp\\deff2{\\fonttbl{\\f0\\fcharset0 Times New Roman;}{\\f2\\fcharset0 GenericSansSerif;}}{\\colortbl\\red0\\green0\\blue0;\\red255\\green255\\blue255;}\\loch\\hich\\dbch\\pard\\plain\\ltrpar\\itap0{\\lang1033\\fs18\\f2\\cf0 \\cf0\\ql{\\f2 {\\ltrch Some content here }\\li0\\ri0\\sa0\\sb0\\fi0\\ql\\par}\r\n}\r\n}