这是我解释递归的书中的代码.问题是我不明白该计划采取的步骤:
var hanoi = function(disc,src,aux,dst) {
if (disc > 0) {
hanoi(disc - 1,src,dst,aux);
document.write("Move disc " + disc + " from " + src + " to " + dst + "<br />");
hanoi(disc - 1,aux,src,dst);
}
};
hanoi(3,"src","aux","dst");
Run Code Online (Sandbox Code Playgroud)
这是输出的读取方式:
Move disc 1 from src to dst
Move disc 2 from src to aux
Move disc 1 from dst to aux
Move disc 3 from src to dst
Move disc 1 from aux to src
Move disc 2 from …Run Code Online (Sandbox Code Playgroud) 这是我试图执行的ml tensorflow代码 -
import tensorflow.contrib.learn as skflow
from sklearn import datasets, metrics
iris = datasets.load_iris()
classifier = skflow.TensorFlowDNNClassifier(hidden_units=[10, 20, 10], n_classes=3)
classifier.fit(iris.data, iris.target)
score = metrics.accuracy_score(iris.target, classifier.predict(iris.data))
print("Accuracy: %f" % score)
Run Code Online (Sandbox Code Playgroud)
它给出以下错误 -
Traceback(最近一次调用最后一次):
文件"C:\ Users\admin\test3.py",第5行,in
classifier = skflow.TensorFlowDNNClassifier(hidden_units = [10,20,10],n_classes = 3)AttributeError:模块'tensorflow.contrib.learn'没有属性'TensorFlowDNNClassifier'
[完成69.3s,退出代码1]
[shell_cmd:python -u"C:\ Users\admin\test3.py"]
我是VueJs的新手,因为我试图在我的Laravel项目中使用VueJs的v-bind属性来实现基本的切换类功能.className在呈现页面时,我没有获得变量的值.请指导我做错的地方.代码如下:
<div id="root">
<button type="button" v-bind:class="{'className':isLoading}" v-on:click="toggleClass">Toggle Me</button>
</div>
Run Code Online (Sandbox Code Playgroud)
JavaScript是:
<script>
var app = new Vue({
el: '#root',
data: {
className:"color-red",
isLoading:false
},
methods:{
toggleClass(){
this.isLoading=true;
this.className="color-blue";
}
}
})
</script>
Run Code Online (Sandbox Code Playgroud)
风格是:
<style>
.color-red{
background-color:red;
}
.color-blue{
background-color:blue;
}
</style>
Run Code Online (Sandbox Code Playgroud) 基于Vuejs文档示例,我试图做一个简单的树视图组件,我可以在没有任何交互的情况下显示一个帐户图表(没有添加没有拖放...非常简单).
我在FiddleJs上做了一个例子,但是我的例子很好用......我不知道为什么在我的应用程序上我无法使它工作!我不知道是否有一些Vueify问题......可能你可以帮助我!
有我的代码:
OzChartTree.vue
<template>
<ul v-if="model.length">
<li v-for="m in model" :class="{ 'is-group': m.children }">
{{ m.name }}
<ul v-if="m.accounts">
<li v-for="a in m.accounts">
{{ a.name }}
</li>
</ul>
<oz-tree :model="m"></oz-tree>
</li>
</ul>
</template>
<script type="text/babel">
import OzChartTree from './OzChartTree.vue'
export default {
components: {
OzTree: OzChartTree
},
props: {
model: Array,
}
}
</script>
Run Code Online (Sandbox Code Playgroud)
我第一次调用树视图组件
<oz-chart-tree :model="chart"></oz-chart-tree>
Run Code Online (Sandbox Code Playgroud)
问题是当我在ja .vue文件上递归调用组件时.
如上所述我得到以下错误:
app.js:23536 [Vue警告]:未知的自定义元素: - 您是否正确注册了组件?对于递归组件,请确保提供"名称"选项.
但是是否正确注册为OzTree!我无法理解!
有人有什么想法吗?
我有一个 Vue 组件。这个组件非常基础,看起来像这样:
我的component.vue
<template>
<div class="foo">
</div>
</template>
<script>
export default {
data() {
return {};
},
props: {
message: {
type: String,
default: ''
}
},
methods: {
display: function() {
alert(this.message);
}
},
};
</script>
Run Code Online (Sandbox Code Playgroud)
我想使用这样的东西将它导入到一个 HTML 文件中:
<script type="text/javascript" src="/components/my-component.min.js"></script>
Run Code Online (Sandbox Code Playgroud)
然后,我希望能够像这样在我的 HTML 文件中使用该组件:
<my-component message="hello"></my-component>
Run Code Online (Sandbox Code Playgroud)
这可能吗?如果是这样,如何?我看到的所有东西都使用 web pack 和一堆其他东西。我有一个工作组件。我只是不知道如何使它易于部署。
我创建了一个 gulpfile 来帮助解决这个问题。这看起来像这样:
gulpfile.js
var gulp = require('gulp');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var webpack = require('webpack-stream');
gulp.task('default', ['build']);
gulp.task('build', [], function() {
return …Run Code Online (Sandbox Code Playgroud) 这是 HTML。
<navlink v-bind:href="#about">About</navlink>
Run Code Online (Sandbox Code Playgroud)
而 main.js 代码是
Vue.component('navlink', {
template: '<li class="item"><a><slot></slot></a></li>'
});
Run Code Online (Sandbox Code Playgroud)
但我收到错误
[Vue 警告]:无法编译模板:-无效表达式:v-bind:href="#about"
如何解决这个问题?
我正在将一个超级简单的AngularJS应用程序迁移到Vue 2学习练习中,并且在尝试迁移当前驻留在一个代码中的一些代码时遇到了障碍.ngInit
我有一个PHP后端,它将一个对象传递给视图,它被有效地处理了
<div ng-init="user = <?php echo json_encode($user); ?>"
Run Code Online (Sandbox Code Playgroud)
这会将$scope.user属性设置为用户对象.
我现在正试图在Vue中复制它.
根据我的阅读,我可以做以下事情:
<div :user="<?php echo json_encode($user); ?>"
Run Code Online (Sandbox Code Playgroud)
但也有人认为,props这样的应该仅适用于不可变数据,并且$user会稍微改变一下,我想这是错误的做法!
我目前得到了以下内容 - 这不起作用,因为通过dev-tools检查它显示用户undefined.
所以我的php模板有:
<div :setUser="<?php echo json_encode($user); ?>"
Run Code Online (Sandbox Code Playgroud)
这会生成以下HTML:
:setUser="{"id":1,"name":"Lily","email":"lily@selesti.com","wants_food":0,"food_id":null,"food":null}"
Run Code Online (Sandbox Code Playgroud)
我的javascript有:
window.App = new Vue({
el: '#app',
props: ['setUser'],
data: {
user: null
},
mounted() {
this.user = this.setUser; // also tried JSON.parse(this.setUser);
}
}
Run Code Online (Sandbox Code Playgroud)
然而如上所述,无论何时检查,user总是undefined,不确定我做错了什么.
如果你想要一个小提琴,这里是一个:) https://jsfiddle.net/64yeaek1/3/
javascript ×5
vue.js ×5
php ×2
json ×1
laravel ×1
python ×1
recursion ×1
scikit-learn ×1
tensorflow ×1
vueify ×1