首先,这是我的入口VUE文件,APP.vue
然后是
main.js
然后是
hello.vue
再然后是
header.vue
结果是
第二个文件,header.vue根本显示不出来。。(额,这里的chorme的console有点多,)
我应该怎样用vue-cli 来写vue 。有点不懂了,是哪里出错。求回答写。
另外我直接写html来引入vue.js是编译不了的。chorme的console是这样
有点懵了!!!
(图有点多,在线坐等大神!!!)
首先,这是我的入口VUE文件,APP.vue
然后是
main.js
然后是
hello.vue
再然后是
header.vue
结果是
第二个文件,header.vue根本显示不出来。。(额,这里的chorme的console有点多,)
我应该怎样用vue-cli 来写vue 。有点不懂了,是哪里出错。求回答写。
另外我直接写html来引入vue.js是编译不了的。chorme的console是这样
有点懵了!!!
(图有点多,在线坐等大神!!!)
看图一写法还好。。
图二开始画风就各种奇怪。。
首先是创建了好多个VUE的实例。。。又没进行赋值。。
然后直接Vue.component。。没指名那个vue实例能这样绑定????
各种调用该文件中没有的变量。。所以各种报错。。
还有header是html标签。。vue不建议你把他当成组件名称
vue-cli是单页式。。正常都是一个new vue+多个组件(自己区分组件或者视图或者布局)。。
通过router跳转。。
多个实例的话。。初始页上应该要有那些id存在。。(没怎么写过)
或者某个组件被调用且创建完成后,再去创建多个vue实例(感觉没这个必要,组件本身就是一个vue实例。。。)
先抛开vue-cli 把vue.js学好点。。
然后看下vue-router用法。。
然后再学下webpack。。
再用vue-cli吧
组件名字不能和HTML标签名字重复,把header换成其他的标签
在hello组件中的data中定义一下
看完了整个代码都没找到simle-counter
你把<simle-counter>全部都删了吧 下面的<child>同理
1.把官网文档看两遍,
2.换一个好的编辑器,漂亮的主题,看着精神百倍,然后进行下面的操作
3.vue-cli弄一个项目,先别急着改,应该先研究里面最基础的例子,看看能不能全弄懂
4.在看看vue-router(路由)的api,webpack一些可能会用到的配置啊,跨域问题啊,然后开始弄几个页面和例子,
5.这里已经开始尝试做个小项目,可以边做边看看vuex等等一些非常重要好用的vue插件文档,把这些你想用的用在自己项目上
老哥,你是真的稳!header组件名和html元素名重复了,不能这么命名,还有parentMsg组件是全局注册的,在hello页面要引入才能用,child组件貌似没看到,不过也没引入,最后还有为啥挂在两个el,还创建两次vue实例!还是先好好看下官方文档吧= =
初学vue 首先先看文档 然后再使用vue-cli一步一步的修改代码 刚开始肯定报错会很多 一个一个解决就好了 还有提醒一点 初学者使用vue-cli不要选择代码检查 那样错会更多
13 回答12.8k 阅读
7 回答1.9k 阅读
9 回答1.6k 阅读✓ 已解决
6 回答918 阅读
3 回答1.1k 阅读✓ 已解决
3 回答1.3k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
兄弟,我建议你先看看vue的文档,然后再实践,或者遇到报错,看一下里面的提示内容
或者照着网上一些例子先过一遍组件怎么命名,怎么引入之类的,再做你自己的项目
有时候太心急了也不行,建议静下心来慢慢梳理,vue已经应该算很好上手的了。