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 关注 私信
相关文章推荐
- Vue基础学习记录
- Vue.js学习记录之在元素与template中使用v-if指令实例
- vue脚手架vue-cli的学习使用教程
- vue.js个人学习记录
- vue学习记录 vue-router
- VUE脚手架初始化学习心得
- 十五周学习前端的Vue.js框架的笔记记录,以及遇到的问题记录。
- vue学习记录②(hello world!)
- vue学习记录 第一章 初始vue
- Vue学习记录(Day.5)
- Echarts+VUE+Element学习使用记录
- Vue.js开始学习,部分记录笔记。
- vue 学习记录
- Vue学习记录
- 1.vue.js学习记录——生命周期
- Vue学习记录(1-element-ui)
- Vue-cli的学习记录
- Vue学习记录(Day.3)
- vue学习记录——2
- vue-bootstrap学习记录(前端菜鸟)