前端培训之组件定义与使用

1.vue 文件的组成(3 个部分)
1) 模板页面 <template> 页面模板 </template>

2) JS 模块对象 <script> exportdefault{ data(){return{}}, methods:{}, computed:{}, components:{} } </script>

3) 样式 <style>样式定义 </style>
2. 基本使用
1) 引入组件

2) 映射成标签

3) 使用组件标签 <template> <HelloWorld></HelloWorld> <hello-world></hello-world> </template> <script> importHelloWorldfrom’./components/HelloWorld’ exportdefault{ components:{ HelloWorld } } </script>
3. 关于标签名与标签属性名书写问题
1) 写法一: 一模一样 2) 写法二: 大写变小写, 并用-连接

想要了解跟多关于前端培训课程内容欢迎关注尚硅谷前端培训,尚硅谷除了这些技术文章外还有免费的高质量前端培训课程视频供广大学员下载学习


上一篇:
下一篇:
关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
电话:010-56253825
邮箱:info@atguigu.com
地址:北京市昌平区宏福科技园综合楼6层(北京校区)

 深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)