Vue.js学习笔记(4)

全局组件引入,使用更方便 在main.js中使用 ‘vue.component(‘组件名’, ‘组件对象’);’

Vue.config.productionTip = false

import createApplication from './components/createApplication.vue'
import createUser from './components/createUser.vue'
import toolBar from './components/toolBar.vue'
import viewMain from './components/viewMain.vue'

Vue.component('createApplication', createApplication);
Vue.component('toolBar', toolBar);
Vue.component('viewMain', viewMain);
Vue.component('createUser', createUser);

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

父组件传输数据到子组件

   //父组件中发送数据
<template>
  <div>
    <viewMain :type="type"  v-bind:textTwo="type" textOne="父组件传值"></viewMain>
  </div>
</template>

// 子组件中接收数据

<script>
  import info from '../components/info'
  export default {
    props:['textOne', 'textTwo', 'type']
  }
</script>

全局组件之间数据传输

创建全局js文件 使用emite等

页面之间数据传输push

testParams() {
        this.$router.push({
          // 传递参数
          name:'newsDetail', query:{id:1, name:'query2'}, params:{id:2,name:'params2'}
        });
   }

接收

 created() {
        // 数据初始化 获取路由参数 
        // $route (数据) $router (功能函数)
        alert(this.$route.params.name)
        alert(this.$route.query.name)
    },

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 防抓包(证书攻击)策略-iOS

    2.1把证书机构签完的公钥证书放到工程里名称为"server.cer" 2.2设置AFSSLPinningMode

    程序员不务正业
  • 移动端开发人员调试H5

    程序员不务正业
  • UITableViewCell中添加复制逻辑

    程序员不务正业
  • PHP检测一个数组有没有定义的方法步骤

    $aa=array(“name”= “joan”,”num”= “9018”,”email”= “abc@abc.com”);

    砸漏
  • 如何设置dedecms自定义表单必填项?

      用dedecms自定义表单可以制作一个简单的预约系统,有些相关信息需要设置为必填项,比如联系方式,没有留下真实的电话或其他信息,以后要怎么联系到你的客户。那...

    ytkah
  • Python opencv图像处理基础总结(二) ROI操作与泛洪填充 模糊操作 边缘保留滤波EPF

    ROI(Region Of Interest),感兴趣区域,从被处理的图像以方框、圆、椭圆、不规则多边形等方式勾勒出需要处理的区域,称为感兴趣区域,经常用来连接...

    叶庭云
  • go语言载入json的一个坑

    go语言标准库汇总内置了对 json 文件的处理,非常方便,最近在写一个应用的时候,需要从 json 文件中载入 配置,由于是 go 新手,忽略一个细节,导致载...

    luxixing
  • 一起刷题(leetcode)第二篇:如何用Python实现递归

    我们知道递归是一类比较巧妙但是理解难度有点大的算法,对于工作中需要用到数据结构和高级算法的人需要牢固掌握递归算法。今天就以实际的案例来带大家一起学习和理解如何用...

    HuangWeiAI
  • 2-AIII--Service服务的绑定

    张风捷特烈
  • Appium+python自动化(十)- 元素定位秘籍助你打通任督二脉 - 上卷(超详解)

      你有道灵光从天灵盖喷出来你知道吗,年纪轻轻就有一身横练的筋骨,简直百年一见的练武奇才啊,如果有一天让你打通任督二脉,那还不飞龙上天啊。正所谓我不入地狱谁入地...

    北京-宏哥

扫码关注云+社区

领取腾讯云代金券