vue实例和组件的属性

Posted 2020-10-22 张啊咩

vue实例:

import Vue from ‘vue‘;
import app from ‘./app‘;
import myRouter from ‘./routers‘;

new Vue({
    el: ‘#app‘, //渲染目标
    template: ‘<App />‘, //渲染内容
    components: { //内容内使用到的组件
        App: app
    },
    data:{ //需要用到的数据，根实例一般不需要用
        num1: 5,
        num2: 8,
    },
    methods:{ //需要用到的方法，根实例一般不需要用
        fn1(){
            // .....
        },
        fn2(){
            // .....
        }
    },
    router: myRouter //前端路由,整个项目的路由都在这
})

Vue组件：

就是上面import的app