vue-cli 写不下去了。但是单单用html,js,chorme也是做不了。我跟vue 无缘了吗

图片描述

首先,这是我的入口VUE文件,APP.vue

然后是
main.js
图片描述

然后是
hello.vue
图片描述

再然后是
header.vue
图片描述
结果是
图片描述
第二个文件,header.vue根本显示不出来。。(额,这里的chorme的console有点多,)
图片描述

我应该怎样用vue-cli 来写vue 。有点不懂了,是哪里出错。求回答写。

另外我直接写html来引入vue.js是编译不了的。chorme的console是这样
图片描述

有点懵了!!!

(图有点多,在线坐等大神!!!)

阅读 10.5k
19 个回答

兄弟,我建议你先看看vue的文档,然后再实践,或者遇到报错,看一下里面的提示内容
或者照着网上一些例子先过一遍组件怎么命名,怎么引入之类的,再做你自己的项目
有时候太心急了也不行,建议静下心来慢慢梳理,vue已经应该算很好上手的了。

看图一写法还好。。
图二开始画风就各种奇怪。。
首先是创建了好多个VUE的实例。。。又没进行赋值。。
然后直接Vue.component。。没指名那个vue实例能这样绑定????
各种调用该文件中没有的变量。。所以各种报错。。
还有header是html标签。。vue不建议你把他当成组件名称

vue-cli是单页式。。正常都是一个new vue+多个组件(自己区分组件或者视图或者布局)。。
通过router跳转。。

多个实例的话。。初始页上应该要有那些id存在。。(没怎么写过)
或者某个组件被调用且创建完成后,再去创建多个vue实例(感觉没这个必要,组件本身就是一个vue实例。。。)

先抛开vue-cli 把vue.js学好点。。
然后看下vue-router用法。。
然后再学下webpack。。
再用vue-cli吧

楼上说的很多了,我补充几点,你要是官方文档看的不习惯,你就去网上找,vue-cli 下的 vue怎么编写.vue文件怎么编写,然后换个好点的主题,一蹴而就是不可能的,慢慢来

Do not use built-in or reserved HTML elements as component id:header

组件名字不能和HTML标签名字重复,把header换成其他的标签

parentMsg 未定义

在hello组件中的data中定义一下

simle-counter 组件未定义

看完了整个代码都没找到simle-counter 你把<simle-counter>全部都删了吧 下面的<child>同理

html里没有<div id="app"></div>

这个问题。你把提示贴到谷歌翻译里就会了。

header不是h5标签吗,你换一个名字,例如headerBox,myHeader之类的

1.把官网文档看两遍,
2.换一个好的编辑器,漂亮的主题,看着精神百倍,然后进行下面的操作
3.vue-cli弄一个项目,先别急着改,应该先研究里面最基础的例子,看看能不能全弄懂
4.在看看vue-router(路由)的api,webpack一些可能会用到的配置啊,跨域问题啊,然后开始弄几个页面和例子,
5.这里已经开始尝试做个小项目,可以边做边看看vuex等等一些非常重要好用的vue插件文档,把这些你想用的用在自己项目上

现在网上有很多开源项目的,官网也会有案例,你下几个下来看源码,就知道怎么写了

我觉得不要片面追求框架,先把基本的javascript掌握

vue的官文已经写的很容易理解了 vue

老哥,你是真的稳!header组件名和html元素名重复了,不能这么命名,还有parentMsg组件是全局注册的,在hello页面要引入才能用,child组件貌似没看到,不过也没引入,最后还有为啥挂在两个el,还创建两次vue实例!还是先好好看下官方文档吧= =

新手上路,请多包涵

你构建cli上出了问题吧

welcome to Angular!

初学vue 首先先看文档 然后再使用vue-cli一步一步的修改代码 刚开始肯定报错会很多 一个一个解决就好了 还有提醒一点 初学者使用vue-cli不要选择代码检查 那样错会更多

新手上路,请多包涵

实在不愿意看官方文档 ,可以在网上找一些视频,自己慢慢跟着敲一敲,别急慢慢熟悉,相信你自己

新手上路,请多包涵

为啥main.js中,new了三回,其他组件我都是在App.vue中import的,你可以试试

推荐问题