zoukankan      html  css  js  c++  java
  • Vue.js组件

      页面上的每个部分都可以看做组件,组件由三部分构成:

          1.结构 template,每个template里只能有一个子元素,子元素中再包括其他子元素

          2.样式 style

          3.逻辑 script 通过export default{}把组件导出去,通过对象方式

      组件的作用主要体现在复用性强上,比如做一个项目,有五个页面,每个页面的头部和底部都是一样的,那么就可以把头部和底部看做两个组件,单独拿出来做,然后在每个页面上都引入这两个组件,这样就只需要写一遍头部和底部就好,写好的可以在多个页面是用,这就是复用性了。

      组件创建方式有两种:1.全剧组建 Vue.component()(在new Vue之前),所有app皆可用。2.局部组建components:{}只有当前app可用。

      组件参数有两个,第一个参数是组件的名称,第二个参数是组件的配置项:new Vue里有什么参数,那么组件配置项中就有什么参数,包括生命周期,但是组件多一个属性:template,这个template相当于一个模板,是组件的结构,并且在组建内,data是一个函数。

      使用组件时,把组件名称当作标签名使用即可,相当于自己创建了标签,想想就开心,组件名必须大写开头(不成名的规范)。

      组件最好配合脚手架使用

      安装脚手架的命令:3.0版本 cnpm install @vue/cli -g

               2.9.3版本 cnpm install vue-cli -g

      创建项目

          3.0版本 vue create “项目名称”

          2.9.3版本 vue init webpack “项目名称”。

       今天就先分享到这里啦,敲代码去咯,明天分享组件传值,拜拜~

  • 相关阅读:
    python day05--字典
    python day14--内置函数二
    day12作业答案
    python day12 ——1.生成器2.生成器表达式 3.列表推导式
    python day11 ——1. 函数名的使⽤ 2. 闭包 3. 迭代器
    python day10作业答案
    python基础 :函数 装饰器,迭代器,面向过程编程
    python 基础:文件处理
    python 快速入门(变量,八大数据类型,if嵌套 ,for循环,while循环)
    计算机基础知识
  • 原文地址:https://www.cnblogs.com/douzizuikeai/p/10582638.html
Copyright © 2011-2022 走看看