网站 › 『编程语言讨论求助区』 › Vue 组件直接复制官方实例也不显示！！

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

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

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

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


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


官方运行效果


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启动，而我是，不知道是不是这个原因

查看完整版本: Vue 组件直接复制官方实例也不显示！！