<script>
时间: 2023-07-08 22:13:35 浏览: 86
您好,<script>是Vue.js组件中用于编写JavaScript代码的标签。在<template>中定义了组件的结构和内容之后,可以使用<script>标签来定义组件的行为和逻辑。在<script>标签中,您可以编写Vue.js组件实例的选项,如data、methods、computed、watch等,以便定义组件的数据和行为。例如:
```
<template>
<div>
<h1>{{ title }}</h1>
<button @click="increment">Increment</button>
<p>Count: {{ count }}</p>
</div>
</template>
<script>
export default {
data() {
return {
title: 'My Counter App',
count: 0,
};
},
methods: {
increment() {
this.count++;
},
},
};
</script>
```
在上述代码中,我们定义了一个计数器组件,包含了一个标题、一个按钮和一个计数器。在<script>标签中,我们使用Vue.js的export default语法将一个组件实例导出,并在实例中定义了data选项用于存储组件的数据,以及methods选项用于定义组件的方法。其中,increment方法用于增加count属性的值。我们在<template>标签中通过插值和事件绑定将组件的数据和方法与模板进行了绑定。
希望这能为您提供帮助。如果有任何问题,请随时问我。
阅读全文