DCloud
DCloud
  • 发布:2019-09-10 12:31
  • 更新:2023-09-10 17:10
  • 阅读:4695

【vue.js教程】第14节 单文件组件讨论区

分类:ASK社区

此贴为【vue.js教程】第14节 单文件组件讨论区,可以在这里分享经验、交流问题。

视频教程链接

2019-09-10 12:31 负责人:无 分享
已邀请:
it_wjl

it_wjl - I'm a backend developer with Java

在vue/cli-plugin-eslint v7.20.0版本之后就引用了vue/multi-word-component-names规则,所以在编译的时候判定test组件multi-word错误,自定义组件名称应该由多单词组成。

参考文献:https://blog.csdn.net/u013078755/article/details/123581070?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168598272116782427458056%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=168598272116782427458056&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_positive~default-1-123581070-null-null.142^v88^control,239^v2^insert_chatgpt&utm_term=Component%20name%20test%20should%20always%20be%20multi-word%20&spm=1018.2226.3001.4187

  • 1***@qq.com

    是说,我一直对着视频找我test.vue哪里标点or花括号写错了,原来是拼写规则,谢谢

    2023-09-05 17:17

xiaojiangCome

xiaojiangCome

那我怎么将我定义好的组件放在html文件里面啊

xiaojiangCome

xiaojiangCome

使用的时候不是只能将App.vue定义的东西整体使用吗

  • 杜门炭治郎

    挂在到Vue的prototype上的 和全局参数都可以直接整体使用

    2019-10-11 10:19

evcardxx

evcardxx

单文件组件传递props报错啦,最新版HbuilderX支付宝端报错

粥小贤

粥小贤

在引用自定义组件的时候出现的错误!

M4nkeys

M4nkeys

vue ui然后创建项目后,都选默认,创建成功后,修改helloworld.vue内容,页面没有任何变化,一直是开始的页面

Oceanpayment

Oceanpayment

跟着老师课程走到这里:通过Mac电脑启动 vue ui 可视化工具出现这种错误是什么原因?如何解决?
internal/modules/cjs/loader.js:983
throw err;
^

Error: Cannot find module '@vue/cli-ui/server'
Require stack:

  • /usr/local/lib/node_modules/@vue/cli/lib/ui.js
  • /usr/local/lib/node_modules/@vue/cli/bin/vue.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:980:15)
    at Function.Module._load (internal/modules/cjs/loader.js:862:27)
    at Module.require (internal/modules/cjs/loader.js:1040:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object.<anonymous> (/usr/local/lib/node_modules/@vue/cli/lib/ui.js:2:32)
    at Module._compile (internal/modules/cjs/loader.js:1151:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1171:10)
    at Module.load (internal/modules/cjs/loader.js:1000:32)
    at Function.Module._load (internal/modules/cjs/loader.js:899:14)
    at Module.require (internal/modules/cjs/loader.js:1040:19) {
    code: 'MODULE_NOT_FOUND',
    requireStack: [
    '/usr/local/lib/node_modules/@vue/cli/lib/ui.js',
    '/usr/local/lib/node_modules/@vue/cli/bin/vue.js'
    ]
    }
JasonD

JasonD

按照视频的流程来操作,一切都好,但是我在template里面的h2标签添加一个red类,结果就一直报错,提示: 15:2 error Mixed spaces and tabs no-mixed-spaces-and-tabs , 请问如何关闭这个,我试了网上几个方法都无效。。。

  • 2***@qq.com

    hbuilder编辑器内右键选择重排代码格式就可以解决

    2020-06-10 17:02

天上学习

天上学习

按照操作执行安装的,怎么执行vue ui时报错,是什么原因啊
E:\vue学习\test>vue ui
E:\python3\soft\node-v8.11.4-win-x64\node_modules\@vue\cli\node_modules_ora@5.4.1@ora\index.js:401
} catch {
^

SyntaxError: Unexpected token {
at createScript (vm.js:80:10)
at Object.runInThisContext (vm.js:139:10)
at Module._compile (module.js:616:28)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
at Module.require (module.js:596:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (E:\python3\soft\node-v8.11.4-win-x64\node_modules\@vue\cli\nodemodules\@vue_cli-shared-utils@5.0.1@@vue\cli-shared-utils\lib\spinner.js:1:75)

3***@qq.com

3***@qq.com

vue项目管理 器,项目已断开。这是什么原因?

3***@qq.com

3***@qq.com

http://localhost:8000/project/select连接已断开,怎么回事?

1***@qq.com

1***@qq.com

请问老师,创建单文件组件时候,默认文件里面的<script>标签中的export default的作用和意义
<script>
export default {
name:"myComponent",
data() {
return {

复制代码        };  
    }  
}  

</script>

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容