Vue:Vue与VueComponent的关系图


1.一个重要的内置关系:VueComponent.prototype.proto === Vue.prototype
2.为什么要有这个关系:让组件实例对象(vc)可以访问到 Vue原型上的属性、方法。

案例证明:

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>一个重要的内置关系title>
    
    <script type="text/javascript" src="../js/vue.js">script>
head>
<body>
        <div id="root">
            <school>school>
        div>
body>
    <script>
        Vue.prototype.x = 99;        //Vue原型上添加一个属性x
        //创建school组件
        const school = Vue.extend({
            name:'school',
            template:`
                

学校名称:{{schoolName}}

学校地址:{{address}}

`
, data(){ return { schoolName:'尚硅谷', address:'北京昌平' } }, methods: { showX(){ console.log(this.x); //此处就可以拿到Vue身上的x } } }); const vm = new Vue({ el:"#root", components:{school} });
script> html>

你可能感兴趣的:(前端,vue.js,javascript,ecmascript)