|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<p id="p1">{{info}}</p>
</div>
</body>
</html>
<script src="js/vue.js"></script>
<script>
var app = new Vue({
el:"#app",
data:{
info:"hello vue"
},
methods:{
},
computed:{
},
beforeCreate(){
console.log("beforeCreate:"+this.info);
},
created(){
console.log("created:"+this.info);
},
beforeMount(){
console.log("beforeMount:"+document.getElementById("p1").innerText);
},
mounted(){
console.log("mounted:"+document.getElementById("p1").innerText);
}
});
</script>
|