小编Hap*_*wan的帖子

我的this脑子里一片混沌：我不知道为什么我看到了我们可以在 Vue.js 模板中使用的地方。现在我不知道我必须使用哪个。

我在这里测试一些案例：

new Vue({
  el: "#app",
  data: function() {
  	return {
    	myVar: 'test'
    }
  },
  methods: {
    returnText: function() {
    	console.log('methods returnText !');
      return 'return text from methods !';
    }
  },
  computed: {
    computedProp: function() {
    	return 'computed !';
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.5/vue.js"></script>

<div id="app">

  {{ this.myVar }}<br><!-- this works -->
  {{ myVar }}<br><!-- this works -->
  <button @click="myVar = 'test without this !'" type="button">
          Change text</button><!-- this works --><br>

  <button @click="this.myVar = 'test with …

我使用单个文件组件的webpack.

我在菜单标题中有1个Vue实例来显示购物车购物下拉菜单:

import Vue from 'vue';
import App from './AppShoppingCart.vue';

new Vue({
    el: '#shoppingCartApp',
    template: '<App/>',
    components: {App}
});

我在同一页面(产品目录)中有另一个Vue实例:

import Vue from 'vue';
import App from './AppCatalog.vue';

new Vue({
    el: '#catalogApp',
    template: '<App/>',
    components: {App}
});

我想$ $从一个实例发出一个事件到另一个实例:当Catalog更改时,我想在ShoppingCart中调用一个函数.

我测试eventHub:

import Vue from 'vue';

var eventHub = new Vue();
export default eventHub; 

所以我在每个实例上导入事件:

import eventHub from './events/eventHub';

在目录中:

eventHub.$emit( "actproductslist-changed" );

在ShoppingCart中:

eventHub.$on('actproductslist-changed', function(){ alert('AppShoppingCart') } );

但这不会奏效.它仅在$ on和$ emit与Vue的同一实例中有效.

我认为webpack创建了2个模块,我不能在我的2个实例之间共享变量.

任何人都有想法让webpack包含多个实例的全局变量？

在 Flutter 中，有一个传感器包https://pub.dev/packages/sensors可以用来了解速度 X、Y 和 Z。

我的问题是：如何计算手机投掷高度的距离？

示例：您将手机扔到距离地面 0.5 米的地方。手机距您的手 1 米（即距地面 1.5 米）。

我怎样才能得到1米的值？

谢谢大家！

这是我现在的代码（您需要安装传感器包）：

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:sensors/sensors.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState(); …