调试vue源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>调试vue源码</title>
</head>
<body>
<div id="app">
<input type="text" v-model="message">
<p>{{computedMessage}}</p>
<p>{{test}}</p>
</div>
<script src="./node_modules/vue/dist/vue.js"></script>
<script>
var vue = new Vue({
el: '#app',
data: {
message: 'hi'
},
watch: {
message: function () {
console.log('1111');
}
},
computed: {
computedMessage: function () {
return this.message;
},
test: function () {
return this.computedMessage + 'test';
}
},
mounted () {
this.message = 'tly';
debugger;
this.$destroy();
}
})
</script>
</body>
</html>
