uni-app学习笔记

入口文件代码：

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文件部分：

打开日历

 

 

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);
        }
    }
};