zoukankan      html  css  js  c++  java
  • (八)正式开始组件

    正式开始组件

    为什么说是正式开始呢,vue本来就是单页面应用,组件化,尽量保持,一个组件只做一件事情,降低耦合度,
    前边那几篇都是在说vue的基本用法,为什么要那样去写
    所以我们真正了解完组件之后,结合路由,我们就能有一个小的架构了,就像是你学习Java学到了类一样,开始了一个层面的编程项目书写,
    后期再开始学习其他的功能加强自己的项目

    (一)创建一个组件 组件是可复用的 Vue 实例

    组件可以是一个完整的页面,也可以是一部分
    官方文章上是进行H5的vue组件创建 我们之前说了建议直接脚手架创建,写.vue的文件
    这样的一个.vue文件 里面包含

    <template>
    <组件名> </组件名>
    </template>
    <script>
    import 组件名 from '引用的组件路径'
     export default {
     name:"组件名",
     components:{
       //组件的依赖注入(就是你想在这个页面里面使用其他的组件就要在这里声明)
     }
     data(){
    	return{
    	 
    	}
     }
    }
    </script>
    <style scoped>
    </style>
    

    上述是创建一个组件 和 引用组件的方式

    注意解释

    这里牵扯到了全局注册和局部注册,我们在写的时候使用的是.vue文件不是吗 就是模块系统
    所以我们上述的操作为局部注册 就是你要用就是要去注册
    那怎么全局注册呢
    在应用入口文件 main.js 文件里面 进行引入

  • 相关阅读:
    attr 修改IMG src
    64转2
    :eq
    DOM0和D0M2级事件
    c's's透明度
    span标签 宽度无效解决方案
    CSS 点击事件
    input点击后的 默认边框去除
    js
    CSS 的 ID 和 Class 有什么区别,如何正确使用它们。
  • 原文地址:https://www.cnblogs.com/tcz1018/p/13035999.html
Copyright © 2011-2022 走看看