VUE：手写vue源码--生命周期
注意：
生命周期主要是顺序上的问题。
1.手写vue源码--生命周期
index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>手写vue生命周期</title>
</head>
<body>
<div id="app">
<h1>{{ str }} <span>啦啦啦</span></h1>
{{str}}
<p>{{a}}</p>
</div>
<script type="text/javascript" src="newvue.js"></script>
<!-- <script type="text/javascript" src="vue.js"></script> -->
<script type="text/javascript">
new Vue({
el: '#app',
data: {
str: '小明',
a:"louie"
},
beforeCreate(){
console.log('beforeCreate',this.$el,this.$data)
},
created(){
console.log('created',this.$el,this.$data)
},
beforeMount(){
console.log('beforeMount',this.$el,t
剩余60%内容，订阅专栏后可继续查看/也可单篇购买
前端面试题 文章被收录于专栏
前端面试的一些常问问题、问题的具体实现（可直接运行）以及底层原理
SHEIN希音公司福利 370人发布