当前位置: 首页 > news >正文

西瓜网络深圳网站建设 东莞网站建设什么推广方法是有效果的

西瓜网络深圳网站建设 东莞网站建设,什么推广方法是有效果的,传统企业建设营销型网站,四平英文网站建设一、注意点 专门强调了是3.0且是组合式,不是2.0不支持也不是选项式不支持provide&&inject,是支持但是有很明显的弊端,不建议使用 二、场景 官方的解释: 通常情况下,当我们需要从父组件向子组件传递数据时,会…

一、注意点

   专门强调了是3.0且是组合式,不是2.0不支持也不是选项式不支持provide&&inject,是支持但是有很明显的弊端,不建议使用

二、场景

官方的解释: 通常情况下,当我们需要从父组件向子组件传递数据时,会使用props,想象一下这样的结构,有一些多层级嵌套的组件,形成了一颗巨大的组件树,而某一个深层的子组件需要一个较远的祖先组件中的部分数据,在这种情况下,如果仅使用props则必须将其沿着组件链逐级传递下去,这会非常麻烦,provide(供给)和reject(注入)可以帮助我们解决这个问题。

简单来说:  后代组件,无论是多后代的组件,想使用祖先的数据,可以不用一级一级的传递数据,只需要在祖先组件使用provide以及需要使用这个数据的后代组件reject注入即可。

三、普通注入

先说一下组件结构: APP.vue-parentView.vue-childView.vue

(parentView.vue中的内容不在写出来,就是单纯的引入childView.vue组件)

APP.vue

import { ref, provide } from "vue"

imort ParentView from "./parentView.vue"

const message = ref("1111")

provide("message", message)

<input />

<ParentView />

childView.vue

import { inject } from "vue"

// 1、正常获取供给值

const meassageEnd = inject("message")

// 2、添加默认值,防止供给值不存在报警告

const messageEnd = inject("message", "2222")

// 3、添加默认值,防止供给值不存在报警告,通过函数或者初始值设定

const messageEnd = inject("message", ()=>{

    return "0000"

}, true)

{{message}}   // input的值更改的时候这里会同步响应

四、注入方组件中更改数据

APP.vue

import  { ref, provide } from "vue"

import ParentView from "./parentView.vue"

const message = ref("1111")

const clickFun = () => {

    message.value="new value"

}

provide("messageAccept", {

    message,

    clickFun

})

<input v-model="message" />

<ParentView>

childView.vue

import { inject } from "vue"

const { mssage, clickFun } = inject("messageAccept")

{{message}}

<div @click="clickFun"></div>

http://www.ritt.cn/news/20552.html

相关文章:

  • 深圳手机网站定制开发网络营销就业前景和薪水
  • wordpress适用于任何网站吗外链网站推荐几个
  • wordpress videopro宁波seo快速排名
  • 如何引用网站图片搜索引擎优化的重要性
  • 网站增加流量自己建网站怎么弄
  • 房地产销售述职报告放心网站推广优化咨询
  • 哈尔滨建设局网站太原网站优化
  • 禹城有做网站2023年8月新冠疫情
  • 外行学网页制作与网站建设从入门到精通seo软件推荐
  • 宁波网页设计培训班优化营商环境工作开展情况汇报
  • 中国最大网站建设商淄博头条新闻今天
  • seo的网站特征如何在百度上发表文章
  • 淮安建设网站制作世界军事新闻
  • 网站离线浏览器 怎么做建网站流程
  • 网站流量一直做不起来企业营销培训课程
  • WordPress支持外链图片seo数据分析哪些方面
  • 网站地图对seo的影响搜索引擎优化的简写是
  • 最专业的网站建设公司代理公司注册
  • win2008r做网站临沂百度推广多少钱
  • 网站icp备案证书下载恶意点击推广神器
  • 福州免费自助建站模板南昌百度推广联系方式
  • 网页设计代码html作品展示西安网站seo哪家公司好
  • google网站登陆模板腾讯体育nba
  • 网站开发工程师职位概要爱站关键词
  • 网站建设优化过程中的优化策略seo研究中心怎么了
  • 网站下载下来怎么做后台在百度上怎么发布信息
  • 为什么很多公司做网站建设营销计划书7个步骤
  • 网站建设维护人员友情链接赚钱
  • wordpress 4.9.8中文版西安seo经理
  • 做侵权网站用哪里的服务器稳搜索引擎技术基础