• (八)正式开始组件


    正式开始组件

    为什么说是正式开始呢,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 文件里面 进行引入

  • 相关阅读:
    vue3.0配置代理proxy 解决跨域问题
    1/26 机器人未来待解决问题
    每日一诵
    2020/11/14 关于股票的价格
    2020/11/14 再思股票价值
    11/2 股票价值
    我们为什么会越来越笨
    关于追女朋友
    关于早睡早起
    vue学习心得
  • 原文地址:https://www.cnblogs.com/tcz1018/p/13035999.html
Copyright © 2020-2023  润新知