vue 项目实践中遇到的问题

新手一枚没有,对vue的了解一直是纸上谈兵,今天就来动手自己实践一下吧。利用vue-cli创建好项目之后,在app.vue中编写代码

,,,

 

   

      i anm tab

   

      i am content

  import headerfrom './components/header/header.vue';

  export default {

components:{

"v-header":header

}

}

,,,

在main.js中

,,,

import Vuefrom 'vue';

import Appfrom './App';

/* eslint-disable no-new */

new Vue({

el:'body',

  components: { App },

});

,,,

最终页面中不会显示内容查看后台报错:


vue 项目实践中遇到的问题_第1张图片
报错内容图片

查找资料后显示是因为vue的版本不同,vue1.0中可以挂载到body上,vue2.0中不允许挂载到body上,需要挂载到具体的元素上。

2.在 App.vue 文件中注册 header 组件时,变量名不能为 header ,因为和 html5 标签重复。


3.再利用stylus 时要符合他的语法结构

,,,