您的位置:首页 > Web前端 > Vue.js

Vue 脚手架学习记录

2020-05-11 04:08 1026 查看

Vue 脚手架学习记录


通过vue-cli 4.0.5 脚手架创建好Vue工程后,在IDEA打开项目。下载好插件后,
就可以像vs code开发vue项目了。出现的第一错误
[Vue warn]: The “data” option should be a function that returns a per-instance value
in component definitions.
出现错误的原因:

<template>
<div>{{message}}</div>
</template>

<script>
export default {
name: "demo",
data:{
message: "hello world"

}
}
</script>

修改这个错误:
为将data写成函数的形式,因为是在一个子组件写的所以写出如下函数的形式:

<template>
<div>{{message}}</div>
</template>

<script>
export default {
name: "demo",
data:function () {
return {
message: "hello world"
}
}
}
</script>
qintaipeng 原创文章 8获赞 0访问量 196 关注 私信
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: