The desired behaviour:
/component.vue
export default {
data(){
return{
rowData: []
}
}
}
I would like to define the data from a vue component in a external file.
error: rowData is not defined.
/component.vue
import datas from './options.js'
export default {
data(){
return{
datas
}
}
}
/options.js
export default datas = {
rowData: []
};
You should try this:
import datas from './options.js'
export default {
data(){
return{
...datas
}
}
}
or:
import datas from './options.js'
export default {
data(){
return datas
}
}
if no more data is added.
You're missing the const keyword in your options.js , try to add it like :
const datas = {
rowData: []
};
export default datas;
and in your compponent.vue :
import datas from './options.js'
export default {
data(){
return{
datas:datas
}
}
}
export default const doesn't seems to be valid - developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…let or const