vue题目

vue题目

<div id=app></div>
window.name = 'window name'
let app = new Vue({
    name: 'name 1',
    el: '#app',
    data(){
      return {name:'name 2'}
    },
    created(){
        console.log(this.name)
    }//此处的this指的是app，而name指的是data中的name
})
//'name 2'

var myMixin = {
 created: function () {
   this.hello()
 },
 methods: {
   hello: function () {
     console.log('hello from mixin!')
   }
 }
}
var Component = Vue.extend({
 mixins: [myMixin],
 methods: {
   hello(){
     console.log('hello from options')
   }
 }
})
var component = new Component()//'hello from options'
//mixins优先使用组件本身的属性

let _name = 'MyName'
let obj = {}
Object.defineProperty(obj, 'name', {
    get(){
        return _name
    },
    set(value){
        _name = value
    }
})

obj.name = 'NewName'
console.log(_name)//'NewName'