测试+1

Author: shiliangl

config/index.js

@@ -15,7 +15,7 @@ module.exports = {
  },
 
  // Various Dev Server settings
- host: '192.168.1.103', // can be overwritten by process.env.HOST
+ host: '0.0.0.0', // can be overwritten by process.env.HOST
  port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
  autoOpenBrowser: true,
  errorOverlay: true,

src/App.vue

@@ -1,14 +1,73 @@
 <template>
  <div id="app">
-  <transition>
-  <router-view/>
-  </transition>
+ <transition>
+ <router-view/>
+ </transition>
  </div>
 </template>
 
 <script>
 export default {
- name: 'app'
+ name: 'app',
+ data () {
+ return {
+ message: 1
+ }
+ },
+ beforeCreate: function () {
+ console.group('beforeCreate 创建前状态===============》')
+ console.log('%c%s', 'color:red', 'el : ' + this.$el) // undefined
+ console.log('%c%s', 'color:red', 'data : ' + this.$data) // undefined
+ console.log('%c%s', 'color:red', 'message: ' + this.message)
+ },
+ created: function () {
+ console.group('created 创建完毕状态===============》')
+ console.log('%c%s', 'color:red', 'el : ' + this.$el) // undefined
+ console.log('%c%s', 'color:red', 'data : ' + this.$data) // 已被初始化
+ console.log('%c%s', 'color:red', 'message: ' + this.message) // 已被初始化
+ },
+ beforeMount: function () {
+ console.group('beforeMount 挂载前状态===============》')
+ console.log('%c%s', 'color:red', 'el : ' + this.$el) // 已被初始化
+ console.log(this.$el)
+ console.log('%c%s', 'color:red', 'data : ' + this.$data) // 已被初始化
+ console.log('%c%s', 'color:red', 'message: ' + this.message) // 已被初始化
+ },
+ mounted: function () {
+ console.group('mounted 挂载结束状态===============》')
+ console.log('%c%s', 'color:red', 'el : ' + this.$el) // 已被初始化
+ console.log(this.$el)
+ console.log('%c%s', 'color:red', 'data : ' + this.$data) // 已被初始化
+ console.log('%c%s', 'color:red', 'message: ' + this.message) // 已被初始化
+ },
+ beforeUpdate: function () {
+ console.group('beforeUpdate 更新前状态===============》')
+ console.log('%c%s', 'color:red', 'el : ' + this.$el)
+ console.log(this.$el)
+ console.log('%c%s', 'color:red', 'data : ' + this.$data)
+ console.log('%c%s', 'color:red', 'message: ' + this.message)
+ },
+ updated: function () {
+ console.group('updated 更新完成状态===============》')
+ console.log('%c%s', 'color:red', 'el : ' + this.$el)
+ console.log(this.$el)
+ console.log('%c%s', 'color:red', 'data : ' + this.$data)
+ console.log('%c%s', 'color:red', 'message: ' + this.message)
+ },
+ beforeDestroy: function () {
+ console.group('beforeDestroy 销毁前状态===============》')
+ console.log('%c%s', 'color:red', 'el : ' + this.$el)
+ console.log(this.$el)
+ console.log('%c%s', 'color:red', 'data : ' + this.$data)
+ console.log('%c%s', 'color:red', 'message: ' + this.message)
+ },
+ destroyed: function () {
+ console.group('destroyed 销毁完成状态===============》')
+ console.log('%c%s', 'color:red', 'el : ' + this.$el)
+ console.log(this.$el)
+ console.log('%c%s', 'color:red', 'data : ' + this.$data)
+ console.log('%c%s', 'color:red', 'message: ' + this.message)
+ }
 }
 </script>
 

src/routes/index.js

@@ -60,7 +60,7 @@ const constantRouters = [
 ]
 
 export default new Router({
- // mode: 'history', // require service support
+ mode: 'history', // require service support
  scrollBehavior: () => ({
  y: 0
  }),