码迷,mamicode.com
首页 > 其他好文 > 详细

#千锋逆战班,1902#

时间:2020-04-23 00:33:49      阅读:61      评论:0      收藏:0      [点我收藏+]

标签:知识   ati   全局   响应   header   驼峰命名   turn   vue   before   

在千峰"逆战"学习第13天

人生重要的不是所站的位置,而是所朝的方向;

今天正式开始vue的学习,与以前有了不同的收获,学了一些指令,如何正确的运用这些指令:

所学的知识点归纳整理如下:
组件 component
    1.页面中的一部分,可以复用, 本质上是一个拥有预定义选项的一个 Vue 实例    
    2.使用
        1)定义
            全局组件
              a.定义
               Vue.component("组件的名字",{
                   template:"<div>组件模版的内容</div>"
               })
              b.使用
                 <组件的名字></组件的名字>
              c.坑
                  使用时成对标记
                  名字时驼峰命名的,改为  - 的形式
                  不能和现有标签重名menu header process 
            局部注册组件的定义 (常用)
                var 组件的名字 = {
                    template:"<div>组件的内容</div>"
                }

                new Vue({
                    .....
                        components:{   //局部注册
                            key:组件的名字
                        }
                    .....
                    })
                <组件的名字></组件的名字>

            组件里的数据
            data(){  //为了保证每个组件的实例数据是独立的
                return {
                    key:value
                }
            }
            methods
            computed
            watch 
            template:组件里必须有模版

            组件的事件响应  
            <组件 v-on:事件.native=“事件处理函数" />
 

#千锋逆战班,1902#

标签:知识   ati   全局   响应   header   驼峰命名   turn   vue   before   

原文地址:https://www.cnblogs.com/wufenfen/p/12757811.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!