VUE 缺省页父子组件

最新推荐文章于 2023-08-29 17:15:03 发布

置顶

_Me1ody

最新推荐文章于 2023-08-29 17:15:03 发布

阅读量910

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/Me1ody_/article/details/77996561

版权

本文介绍了Vue.js中如何在父组件中使用子组件default.vue，包括子组件的定义、样式的应用以及父组件的导入和注册过程，详细展示了Vue.js的组件化开发实践。

摘要由CSDN通过智能技术生成

子组件default.vue

<template>
    <div class="ev_content" v-show="show">
        <div class="ev_top_b" v-show="noNet">
            <a href="javascript:;">
            <!-- <a href="no_load.html"> -->
                <img v-bind:src="noLoad" class="b_l" />
                <span>{
   {
   noNetMessage}}</span>
                <img v-bind:src="whiteLfet" class="b_r" />
            </a>
        </div>
        <div class="notice_d" v-show="noResult">
            <img v-bind:src="infoImage" class="d_photo" />
            <div class="d_prompt">
                <p class="d_1">{
   {
   message}}</p>
                <p class="d_2">{
   {
   message2}}</p>
                <div class="d_load" v-show="button" @click="goButton">
                    <span>{
   {
   buttonText}}</span>
                </div>
            </div>
        </div>

        <div class="notice_d" v-show="!noResult">
            <img v-bind:src="errorImage" class="d_photo" />
            <div class="d_prompt">
                <p class="d_1">{
   {
   errorMessage}}</p>
                <p class="d_2">{
   {
   errorMessage2}}</p>
                <div class="d_load" v-show="button" @click="goButton">
                    <span>{
   {