我在CLI模式下使用Vue 2和webpack-simple.我有以下文件:
main.js:
import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import Routes from './routes'
Vue.use('VueRouter');
const router = new VueRouter({
routes: Routes
})
new Vue({
el: '#app',
render: h => h(App),
router: router,
})
Run Code Online (Sandbox Code Playgroud)
App.vue:
<template>
<div>
<router-view></router-view>
</div>
</template>
<script>
import Loader from './Loader.vue'
export default {
name: 'app',
}
</script>
<style lang="scss">
</style>
Run Code Online (Sandbox Code Playgroud)
routes.js:
import Game from './components/Game.vue';
import Login from './components/Login.vue';
export default [
{ path: '/', component: Game, name: "Game" }, …Run Code Online (Sandbox Code Playgroud) 我正在研究通过网页发现附近蓝牙设备的项目。
以下是我的限制: - 在 Windows 7 或 10 下开发,手机上的 android 5 - 外围设备是蓝牙信标 - 中央是带有 android 6 的手机
首先,我做了一个看起来像这样的页面:
<html>
<head>
<script src="jquery-3.1.1.js"></script>
</head>
<body>
<div id="target" style="width: 100px; height: 100px; border: 1px solid red"></div>
<script>
$('#target').click(function() {
chrome.bluetooth.startDiscovery(function () {
navigator.bluetooth.requestDevice({ filters: [{ services:['battery_service'] }] })
.then(device => {
console.log(device);
return device.gatt.connect();
}).then(server => { console.log(server)}).catch(error => { console.log(error); });
})
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这段代码让我将蓝牙设备与名为“battery_service”的服务与网页配对。并且它正在工作(morover) - 它打开“chrome system”窗口以搜索附近的设备并找到一个,如果我已经在windows中配对它。如果没有更早配对,它将什么也找不到。Chrome 说 gatt 服务器不存在所以我无法连接它,并且对象具有 gatt 属性,该 gatt 属性具有 gatt 属性(依此类推到无穷大)
无论如何它返回device …
我在 Vue 中有这样一个模板:
<AutoTaskBlock ref="block" v-for="(block, index) in 2" key="index" class="block"></autoTaskBlock>
<AutoTaskCircle ref="block" v-for="(circle, index) in 3" key="index" class="circle"></autoTaskCircle>
Run Code Online (Sandbox Code Playgroud)
所以我确实有两个“从空中”创建的组件列表 - 我不使用任何数组来创建它 - 这有助于我使用“v-for =“(int)中的任何东西”。但是 vue警告我 v-for 制作的任何列表都需要唯一键。我想使用索引,但它是重复的,这给我没有警告但错误。我的下一次尝试是使用一些随机值
计算:{ rand() { return Math.random()*100 } }
但像这样使用它:
<AutoTaskBlock ref="block" v-for="(block, index) in 2" key="rand" class="block"></autoTaskBlock>
<AutoTaskCircle ref="block" v-for="(circle, index) in 3" key="rand" class="circle"></autoTaskCircle>
Run Code Online (Sandbox Code Playgroud)
..导致同样的错误。检查后 - 计算的“rand”仅在创建时随机化,而不是稍后,因此每个都是相同的。下一次尝试是像这样创建 rand 方法:
方法:{ rand: function() { return Math.random()*100 } }
但同样 - 出现重复键错误。有没有办法使用这样的两个列表并给它们一个唯一的键?
谢谢,卡勒格:
PS:两个组件中的相同引用是我想要的,所以这里没有错误。
首先,我花了 3 个小时阅读了有关谷歌云、发布、项目等的文档。经过多次尝试,我意识到我错过了一些东西,所以这是我的问题。
我有两个电子表格,我们将其称为“价格”和“成本”。我想要实现的是,它们共享相同的应用程序脚本,如果我更改一个脚本,因为它是由两者共享的,所以它会在几秒钟内自动更改。
因此,我确实创建了一个应用程序脚本,该脚本在单元格中返回一个字符串(只是为了简单起见),并将其命名为 STRINGFUNCTION(); 是在 PRCES 电子表格中创建的。我的目标是让它在 COSTS 文件中工作,而无需手动输入。我预计,如果我单击“资源”>“云平台项目”并将两个电子表格中的两个应用程序脚本添加到同一项目中,它将自动运行。好吧,它不会 - 如果我在单元格中写入 =STRINGFUNCTION() 的价格它工作正常,而在成本 - 它表示该功能未知。
我怎样才能实现这一点,以便它在我的两个文件之间工作,并且如果它们都在同一个项目中,它们共享相同的功能?