vue组件命名和props命名代码详解
更新时间：2019年09月01日 13:54:41 作者：自_定义
在本篇内容里小编给大家讲的是关于vue组件命名和props命名的相关知识点内容，有兴趣的朋友们可以学习下。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<!-- post-title使用驼峰命名postTitle会报错 blog-post改为blogPost会报错 -->
<blog-post post-title="hello!"></blog-post>
</div>
<script>
Vue.component('blog-post', { //命名时候可以使用横线
props: ['postTitle'], //如果这里使用连接线post-title将报错
template: '<h3>{{ postTitle }}</h3>'
})
new Vue({
el:"#app",
})
</script>
</body>
</html>
总结 props里可使用驼峰命名但不能用横线，如果props使用驼峰 组件上将使用横线
vue组建命名 可以使用驼峰和横线， 如果使用驼峰 组建使用将采用横线使用
以上就是关于vue组件命名和props命名的全部知识点内容，感谢大家的学习和对脚本之家的支持。
相关文章
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
小编最近为了优化vue项目性能，需要使用webpack-bundle-analyzer插件来分析报文件，在网上没有找到合适的，下面小编给大家写出来一个供大家参考2019-10-10
VSCode前端Vue项目引入Element-ui组件三步简单操作方法
elementui相当于一个库,封装好的内容,我们引入到vue项目中,就可用库中的内容,这篇文章主要给大家介绍了关于VSCode前端Vue项目引入Element-ui组件的三步简单操作方法,需要的朋友可以参考下2024-07-07
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
这篇文章主要介绍了vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频),本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-03-03
这篇文章主要介绍了vue关于自定义指令与v-if冲突的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了vue中对时间戳的处理方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要介绍了vue实现导出Word文件(数据流方式)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
vue-router是vue.js官方的路由插件,他和vue.js是深度集成的适合构建单页面应用,下面这篇文章主要给大家介绍了关于Vue router应用问题的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-04-04
组件是Vue.js最强大的功能之一,组件可以扩展HTML元素,封装可重用的代码,下面这篇文章主要给大家介绍了关于vue如何动态加载组件的相关资料,需要的朋友可以参考下2022-10-10
本文主要介绍了vue3中watch监听的四种写法,包含了ref 定义的数据,reactive定义的数据,函数返回的值（getter函数）和前面3个内容的数组,具有一定的参考价值,感兴趣的可以了了解一下2024-02-02
这篇文章主要介绍了vue自定义底部导航栏Tabbar的实现代码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-09-09
最新评论