标签：执行 rem ons test var 改变 htm date() before
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue实例生命周期函数</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> hello </div> <script type="text/javascript"> // 生命周期函数就是vue实例在某一个时间点会自动执行的函数 var vm = new Vue({ el: ‘#app‘, template: "<div>{{test}}</div>", date: { test: ‘hello‘ }, beforeCreate() { console.log("beforeCreate") }, created() { console.log("created") }, beforeMount() { console.log("beforeMount") console.log(this.$el) }, mounted() { console.log("mounted") console.log(this.$el) }, // 执行vm.$destroyed()后执行beforeDestroy()和destroyed() beforeDestroy() { console.log("beforeDestroy") }, destroyed() { console.log("destroyed") },
// 数据发生改变的时候执行beforeUpdate()和updated() beforeUpdate() { console.log("beforeUpdate") }, updated() { console.log("update") } }) </script> </body> </html>
标签：执行 rem ons test var 改变 htm date() before
原文地址：https://www.cnblogs.com/Harold-Hua/p/11719585.html
