Vue 组件直接复制官方实例也不显示！！

ing · 发表于 2019-9-9 14:46

本帖最后由 ing 于 2019-9-9 19:37 编辑

项目是 vue init webpack 生成的，正常情况应该有button显示才对
捕获0.PNG

https://vuejs.org/v2/guide/components.html

官方运行效果
0捕获.PNG

https://vueschool.io/lessons/introduction-to-components

764375115 · 发表于 2019-9-9 15:21

为什么在html文件中直接使用定义的vue组件你确定这是vue官方demo

ing · 发表于 2019-9-9 15:31

764375115 发表于 2019-9-9 15:21
为什么在html文件中直接使用定义的vue组件你确定这是vue官方demo

js不是vue

Small丶Lai · 发表于 2019-9-9 15:39

全局注册

764375115 · 发表于 2019-9-9 15:55

你自己好好看看你的button-counter标签写在哪里了直接写index.html文件里面怎么可能会有用

莫里亚蒂 · 发表于 2019-9-9 16:01

引用错了，模块化开发要正确引用模块或者注册全局默认引用。
如果是通过 npm 启动node 本地服务 vue 会把你的vue，js，css等文件打包编译，一般最后是一个index.html还有若干个js文件
如果是直接打开index.html 你这文件引用路径就直接错了。可以把app2.js 的内容直接复制到index.html的 script标签下，要加上window.onload，在vue加载完之后再调用

ing · 发表于 2019-9-9 16:06

莫里亚蒂发表于 2019-9-9 16:01
引用错了，模块化开发要正确引用模块或者注册全局默认引用。
如果是通过 npm 启动node 本地服务 vue 会把 ...

我是本地node启动的，引用错了？？？

awdxszz · 发表于 2019-9-9 16:39

button-counter是组件好吗，如果没引用，他就不是一个正确的标签

mosou · 发表于 2019-9-9 20:16

真的按照官方实例是可以的过来人都做过的

ing · 发表于 2019-9-9 20:45

mosou 发表于 2019-9-9 20:16
真的按照官方实例是可以的过来人都做过的

完全照抄的了我也不知道为什么就不行，官方它不是本地node启动，而我是，不知道是不是这个原因

帐号		自动登录	找回密码
密码			注册[Register]

[求助] Vue 组件直接复制官方实例也不显示！！