Question

我是Vue.js的新手。我发现在html模板之前加载javascript时绑定不起作用。

＆＃13;

<!DOCTYPE html>
<html>
<head>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.0/vue.min.js"></script>
	<script type="text/javascript">
		var demo = new Vue({
			el: '#demo',
			data: {
				message: 'Hello Vue.js!'
			},
			methods: {
				speak: function() {alert(this.message);}
			}
		})
    </script>
</head>
<body>
	<div id="demo">
		<p>{{message}}</p>
		<input v-model="message">
		<button v-on:click.prevent='speak'>speak</button>
	</div>
</body>

</html>

＆＃13;

但是，当脚本放在vue.js脚本绑定的html模板之后时，它会起作用。

＆＃13;

<!DOCTYPE html>
<html>
<head>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.0/vue.min.js"></script>
</head>
<body>
	<div id="demo">
		<p>{{message}}</p>
		<input v-model="message">
		<button v-on:click.prevent='speak'>speak</button>
	</div>
</body>
<script type="text/javascript">
	var demo = new Vue({
		el: '#demo',
		data: {
		message: 'Hello Vue.js!'
		},
		methods: {
		speak: function() {alert(this.message);}
		}
	})
</script>
</html>

＆＃13;

我猜这个问题类似于在使用jQuery时是否将代码置于ready（）中。我在谷歌搜索了关于Vue.js的ready（）但它在Vue.js实例中。有没有像jQuery那样的ready（）函数，以便我可以在html之前加载脚本？或者，我必须在html模板之后加载脚本吗？

Answer 1

您可以使用f执行此任务。

window.onload

或者您可以将功能注册到window.onload = function() { // your code here }事件：

load

在html之前加载脚本时，Vue.js无效

1 个答案: