• 回复@海之宁:不给你分配生产资料你咋尽所能? 2019-06-18
  • 霍金说,广义相对论的爱因斯坦方程“将和宇宙同在”。而“真理论者”在人民网上公开辱骂爱因斯坦是“极度残脑”,乃狂犬吠日。 2019-06-18
  • 习近平:在深入推动长江经济带发展座谈会上的讲话 2019-06-15
  • 平话文化旅游节又来了!乐游扬美古镇嗨购江南万达 2019-06-15
  • 【老蚕】,可分为;【轻度老蚕,重度老蚕,全面脑瘫】三个等级。试想;你是属于哪个级别。。。?[福尔摩斯] 2019-06-04
  • 【人事】中共临汾市委组织部公示3名拟任职干部 2019-06-04
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-02
  • 交通部发布端午假期出行指南 教你如何避堵 2019-06-02
  • 共产主义劳动不再是谋生手段就是劳动不再是看着就想笑鼓吹私有制下的责权利所谓平滑对接下的为生存而做资本的雇佣劳动奴隶劳动,而是在共产主义公有制里劳动由于一辈子做 2019-06-02
  • 李克强:今年再减少农村贫困人口1000万以上 2019-06-01
  • 台湾如何管理“路边摊” 2019-06-01
  • 看河北绿水青山咋变金山银山? 2019-05-31
  • 税费“红包”助推高质量发展 2019-05-31
  • 围绕茶叶基础领域重大问题开展研究(创新故事) 2019-05-26
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-05-26
  • 郑州网站建设,郑州网站制作,郑州做网站,巩义网站建设,荥阳网站建设,偃师网站制作-全栈网络

    vue.js基础知识之元素组件化基础知识分享

    vue.js基础知识之元素组件化基础知识分享

    时间: 2018-11-24 分类: 网站代码 浏览次数:

    四川快乐12前三走势图 www.mas07.com 在具体项目开发,网站建设中,vue.js一项好用的功能叫做组件化,也就是元素以及??榈淖榧?,实现相同板块及功能的复用性,在多个界面可同时调用,今天我们来认识一下vue.js中一...

    在具体项目开发,网站建设中,vue.js一项好用的功能叫做组件化,也就是元素以及??榈淖榧?,实现相同板块及功能的复用性,在多个界面可同时调用,今天我们来认识一下vue.js中一个核心功能-组件化。

    vue.js基础知识之元素组件化基础知识分享
     
    在vue.js中什么是组件(component)?
    vue的组件简单来说就是可复用的项目板块,已经封装好的代码复用,甚至是??榈母郊?,而组件化让Vue.js使用起来非常方便,同时极大减少工作量代码量,同时保证代码的便捷维护。同时在vue的组件中,它们每一个都是独立创建的vue实例,拥有完整的组件参数以及所以函数设置。
    其中vue组件共分为两种,其声明方式其实都是在实例化一个vue之后,进行创建,一种全局组件,一种局部组件,顾名思义,就是根据组件的不同调用使用及调用位置来划分。

    vue中组件如何创建?
    1.全局组件的创建,任何组件都需要首先实例化一个对象,其次再创建组件,这里不掩饰,创建全局组件代码如下:

     Vue.component('my-zujian',{

       template:`<div>我是一个全局组件</div>`

     })

    当组件注册之后,便可以直接使用<my-zujian></my-zujian>在任意模板中进行调用。

    2.局部组件的创建,具体代码写法如下:

    new Vue({

     components:{

       'my-zujian':{

        template:`<div>我是一个局部组件</div>`

         }

       }

      })
    全局组件可以在项目中任意位置使用,而局部组件只能在其父级中调用。

    vue组件如何调用?
    既然创建了组件,肯定就需要学会如何调用组件进行使用,组件的调用分为以下三个步骤:
    1.首先需要使用import将组件引入到你的目标文件中,代码写法如下:
    import my-zujian from './zujian.vue'

    2.在export default中写入组件,具体代码如下:

     export default {
            components: {myZuJian},
            methods: {},
       }

    3.对组件进行标签调用,具体代码如下:

    <template>
        <div id="my-vue">
            <myZuJian></myZuJian>
        </div>
    </template>
    通过以上三步,就可以实现组建的调用了,是不是很简单。

     

    组件化是vue使用的一个重要知识点,大家可以自己再本地搭建脚手架进行实际测试体会,全栈网络专业企业网站建设,四川快乐12前三走势图,欢迎大家随时来电咨询。


    本文关键词: vue 未经允许不得转载:郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络



    郑州网站建设|郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|偃师网站制作-全栈网络
  • 回复@海之宁:不给你分配生产资料你咋尽所能? 2019-06-18
  • 霍金说,广义相对论的爱因斯坦方程“将和宇宙同在”。而“真理论者”在人民网上公开辱骂爱因斯坦是“极度残脑”,乃狂犬吠日。 2019-06-18
  • 习近平:在深入推动长江经济带发展座谈会上的讲话 2019-06-15
  • 平话文化旅游节又来了!乐游扬美古镇嗨购江南万达 2019-06-15
  • 【老蚕】,可分为;【轻度老蚕,重度老蚕,全面脑瘫】三个等级。试想;你是属于哪个级别。。。?[福尔摩斯] 2019-06-04
  • 【人事】中共临汾市委组织部公示3名拟任职干部 2019-06-04
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-02
  • 交通部发布端午假期出行指南 教你如何避堵 2019-06-02
  • 共产主义劳动不再是谋生手段就是劳动不再是看着就想笑鼓吹私有制下的责权利所谓平滑对接下的为生存而做资本的雇佣劳动奴隶劳动,而是在共产主义公有制里劳动由于一辈子做 2019-06-02
  • 李克强:今年再减少农村贫困人口1000万以上 2019-06-01
  • 台湾如何管理“路边摊” 2019-06-01
  • 看河北绿水青山咋变金山银山? 2019-05-31
  • 税费“红包”助推高质量发展 2019-05-31
  • 围绕茶叶基础领域重大问题开展研究(创新故事) 2019-05-26
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-05-26