vue组件命名和props命名代码详解


Posted in Javascript onSeptember 01, 2019
<!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命名的全部知识点内容,感谢大家的学习和对三水点靠木的支持。

Javascript 相关文章推荐
javascript radio 联动效果
Mar 04 Javascript
js 表单验证方法(实用)
Apr 28 Javascript
jQuery中:last-child选择器用法实例
Dec 31 Javascript
jquery手风琴特效插件
Feb 04 Javascript
jquery移动端TAB触屏切换实现效果
Dec 22 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
Jul 05 Javascript
浅谈Angular路由守卫
Aug 26 Javascript
用最简单的方法判断JavaScript中this的指向(推荐)
Sep 04 Javascript
angular实现input输入监听的示例
Aug 31 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 Javascript
vue实现select下拉显示隐藏功能
Sep 30 Javascript
简述Vue中容易被忽视的知识点
Dec 09 Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 #Javascript
vue实现输入框的模糊查询的示例代码(节流函数的应用场景)
Sep 01 #Javascript
vue中的v-if和v-show的区别详解
Sep 01 #Javascript
react中Suspense的使用详解
Sep 01 #Javascript
vue 实现微信浮标效果
Sep 01 #Javascript
微信小程序获取位置展示地图并标注信息的实例代码
Sep 01 #Javascript
JS实现可用滑块滑动的缓动图代码
Sep 01 #Javascript
You might like
编写漂亮的代码 - 将后台程序与前端程序分开
2008/04/23 PHP
PHP DataGrid 实现代码
2009/08/12 PHP
PHP setcookie设置Cookie用法(及设置无效的问题)
2011/07/13 PHP
解析php框架codeigniter中如何使用框架的session
2013/06/24 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
CodeIgniter框架实现的整合Smarty引擎DEMO示例
2019/03/28 PHP
Jquery 实现Tab效果 思路是js思路
2010/03/02 Javascript
纯js实现背景图片切换效果代码
2010/11/14 Javascript
关于使用 jBox 对话框的提交不能弹出问题解决方法
2012/11/07 Javascript
固定网页背景图同时保持图片比例的思路代码
2013/08/15 Javascript
日常收藏的jquery技巧
2015/12/02 Javascript
jQuery简单注册和禁用全局事件的方法
2016/07/25 Javascript
nodejs个人博客开发第七步 后台登陆
2017/04/12 NodeJs
jQuery validata插件实现方法
2017/06/25 jQuery
详解在Vue中如何使用axios跨域访问数据
2017/07/07 Javascript
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
2018/09/26 Javascript
Vue路由对象属性 .meta $route.matched详解
2019/11/04 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
python自动zip压缩目录的方法
2015/06/28 Python
Python入门之三角函数全解【收藏】
2017/11/08 Python
python使用正则表达式替换匹配成功的组并输出替换的次数
2017/11/22 Python
使用python将时间转换为指定的格式方法
2018/11/12 Python
python 实现数字字符串左侧补零的方法
2018/12/04 Python
python进行TCP端口扫描的实现
2018/12/21 Python
python使用sessions模拟登录淘宝的方式
2019/08/16 Python
python中return的返回和执行实例
2019/12/24 Python
Python计算机视觉里的IOU计算实例
2020/01/17 Python
tensorflow获取预训练模型某层参数并赋值到当前网络指定层方式
2020/01/24 Python
CSS3 icon font完全指南(CSS3 font 会取代icon图标)
2013/01/06 HTML / CSS
利用CSS3的3D效果制作正方体
2020/03/10 HTML / CSS
英国演唱会订票网站:Ticket Selection
2018/03/27 全球购物
介绍一下SQL中union,intersect和minus
2012/04/05 面试题
商务助理岗位职责
2013/11/13 职场文书
施工班组长岗位职责
2014/01/05 职场文书
环保志愿者活动方案
2014/08/14 职场文书
竞选班干部演讲稿100字
2014/08/20 职场文书