入口文件代码:

import Vue from 'vue'

import App from './App'

import pageHead from './components/page-head.vue' //引用page-head组件

Vue.config.productionTip = false

Vue.component('page-head', pageHead) //全局注册page-head组件

App.mpType = 'app'

const app = new Vue({

...App

})

app.$mount() //挂载Vue实例

外部引用自定义组件的形式

vue文件部分:

<uni-calendar ref="calendar" :insert="false" @confirm="confirm" ></uni-calendar>
<button @click="open">打开日历</button>

JS代码部分:

import uniCalendar from "@/components/uni-calendar/uni-calendar"  //uniCalendar为自定义组件名,绿色的为自定义组件文件地址
export default {
    components: {
        uniCalendar  //这里是注册自定义组件,只要加进这里才能在vue文件里直接使用组件
    },
    data() {
        return {};
    },
    methods: {
        open(){
            this.$refs.calendar.open();
        },
        confirm(e) {
            console.log(e);
        }
    }
};

uni-app学习笔记相关推荐

  1. HBuilder X ——Uni app 学习笔记(一)

    HBuilder X --Uni app 学习笔记(一) 1.pages.json配置 *pages数组中第一项表示应用启动页,数组中其他项为项目中所有页面路径. enablePullDownRefr ...

  2. 得到app文稿导出_得到app学习笔记作为知识付费者,如何把所学内容快速输出?...

    原标题:得到app学习笔记作为知识付费者,如何把所学内容快速输出? 零.引子 昨天看到老公票圈更新了一条段子: 我就是那个伪勤奋者,在知识焦虑的胁迫下,这些年买了不知多少视频.微课.教程还有得到专栏. ...

  3. Flutter高级进阶实战 仿哔哩哔哩APP学习笔记

    Flutter高级进阶实战 仿哔哩哔哩APP学习笔记 近年来各大公司对Flutter技能的要求越来越高,甚至设立了专门岗位,但掌握Flutter高阶技能的人才寥寥无几,市面上干货Flutter高阶课程 ...

  4. 鸿蒙app学习笔记一

    前言 鸿蒙app开发基础知识 鸿蒙应用程序 HAP entry feature pack.info 库文件 资源文件 配置文件(config.json) HAR Node.js NPM 关于DevEc ...

  5. Windows 8 Metro App学习笔记(九)—磁砖

    瓷砖,即桌面显示的Tile,它的创建和生命周期都可以由用户自由创建并可以直接访问一个应用程序,还可以为信息的及时推送带来很多的方便.在Windows 8中,由SecondaryTile对象负责. 首先 ...

  6. 【跨端应用】—— uniapp黑马商城App学习笔记(二)

    一.设置微信小程序调试 HBuilderX点击[工具] --[设置]--[运行配置],找到[微信web开发者工具]安装所在的文件夹. 复制路径,填写到[小程序运行配置]-- [微信开发者工具路径] 先 ...

  7. 英飞凌 DAVE™ 4.1.2 SDK 开发app学习笔记——什么是DAVE APP?

    第一天: 在笔者前期使用Dave3开发infineon单片机时发现,Dave可以通过建立dave ce project 加载APP来自动生成主程序及各部分外设的驱动代码,可视化地配置你选用的单片机及各 ...

  8. apcloud混合式开发app学习笔记

    修改图标 新建项目 检出到本地 -------------------------- 1.api.ajax var loginName = $api.val($api.byId('uname')); ...

  9. 高性能Cordova App开发学习笔记

    高性能Cordova App开发学习笔记 文件结构 添加插件 构建准备 各个www的作用,prepare命令会将hello\www的内容会拷贝到platform下的wwww目录,知道该改哪里了吧?如果 ...

  10. Python学习笔记:Day 16 编写移动App

    前言 最近在学习深度学习,已经跑出了几个模型,但Pyhton的基础不够扎实,因此,开始补习Python了,大家都推荐廖雪峰的课程,因此,开始了学习,但光学有没有用,还要和大家讨论一下,因此,写下这些帖 ...

最新文章

  1. 【最小生成树+LCA】Imperial roads
  2. 判断浏览器类型及版本
  3. 夏意秋尽-08年1月
  4. 巨鲸任务调度平台:spark flink任务调度
  5. Docker_容器命令
  6. 开放源代码GIS资源集锦
  7. Spring、SpringMVC、Spring Boot、Spring Cloud 概念、关系及区别
  8. Vue组件学习之组件自定义事件
  9. wcf双工通讯遇到的问题
  10. 手机内存8+128与6+256价格相同,你会选哪个?
  11. python启动文件_Python启动文件配置
  12. JSP内置对象实现表的增删查改
  13. 【ACM2020】少样本学习综述
  14. abb机器人goto指令用法_ABB机器人程序指令解读,建议收藏
  15. wordpress教程
  16. html css笔记zht
  17. 论文解读:Combining Distant and Direct Supervision for Neural Relation Extraction
  18. 微信小程序嵌套h5页面+发布微信小程序(超级简单)
  19. 我的window10中没有Windows Subsystem for Linux
  20. 租车小程序开发的必备功能

热门文章

  1. 线上抓娃娃机火了三个月了,你玩了吗?
  2. 2022年,程序员如何选择电脑
  3. 人类高质量程序员电脑配置(持续更新)
  4. Android肝帝战纪之基于上篇单Activity+多Fragment框架,开发电商式导航栏,多Fragment切换
  5. oracle误删数据恢复方法
  6. 【我的Android进阶之旅】 高效的设计稿标注及测量工具Markman介绍
  7. uni-app通过wifi连接设备并进行命令交互
  8. 机动车c1科三考试语言灯光,史上最全科目三灯光模拟图解
  9. CES Asia展华为秀肌肉,布局智能互联生态
  10. 如何顺利通过c语言补考,大学里补考比考试难的学科,不想挂科最好认真学,尤其大一新生...