1,两个文件,一个rain.vue,一个water.js; rain.vue引用了water.js的类
// water.js
export class Water{
constructor(){
this.name = "bob"
}
destory(){
return 6;
}
}
//rain.vue
<template>
<div>
<button @click = 'water.destory">摧毁</button> //这样调用会报错water undefined
<span> {{water.destory()}} </span> //这样调用会报错water undefined
<span> {{water.state.name}} </span> //这样调用会报错water undefined
<button @click = 'de'>摧毁2</button> //这样调用ok
<button @click = 'wa.destory">摧毁3</button> //这样调用ok
<span> {{was.name}} </span> //这样调用ok
</div>
</template>
<script>
import water from './water';
export default{
name:'gg',
data(){
return{
wa: water,
was:water.state
}
},
methods:{
de(){
water.destory();
}
}
}
</script>
以上实例说明,template只能使用本<script>中data,methods或者其他内部初始化的变量或者函数,不可以直接使用import进来的对象;