前端下午茶

$router$router是VueRouter的一个对象，通过Vue.use(VueRouter)和Vu构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由，包含了许多关键的对象和属性。以history对象来举例：$router.push({path:‘home’})，本质是向history栈中添加一个路由，在我们看来是切换路由，但本质是在添加一个history记录$router.replace({path:‘home’})，//替换路由，没有历史记录$rou

项目默认是vue-cli搭建的。Vue的前端路由是以模块引入的方式使用的。node_modules里面会有vue-router这个模块。开始使用vue-router搭建项目的前端路由。具体步骤：先在入口文件main.js导入,src目录默认有router文件夹，import router from “./router”然后vue的根组件上注册routernew Vue({ router, render: h => h(App)}).$mount('#app')再在网

created和mounted的区别created：在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。mounted：在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。v-show和v-if指令的共同点和不同点？共同点：都能控制元素的显示和隐藏；不同点：实现本质方法不同，v-show本质就是通过控制css中的display设置为none，控制隐藏，只会编译一次；v-if是动态的向DOM树内添加或者删除DOM元素，若初始值为false

beforeCreate(创建前）在数据观测和初始化事件还未开始。created(创建后）完成数据观测，属性和方法的运算，初始化事件，$el属性还没有显示出来。beforeMounted(挂载前）在挂载开始之前被调用，相关的render函数首次被调用。实例已完成以下的配置:编译模板，把data里面的数据和模板生成html。此时还没有挂载html到页面上。mounted(挂载后）在el被新创建的vm.$el 替换，并挂载到实例上去之后调用。实例已完成以下的配置:用上面编译好的html内容替.

加载渲染过程父组件 beforeCreate父组件 created父组件 beforeMount子组件 beforeCreate子组件 created子组件 beforeMount子组件 mounted父组件 mounted更新过程父组件 beforeUpdate子组件 beforeUpdate子组件 updated父组件 updated销毁过程父组件 beforeDestroy子组件 beforeDestroy子组件 destroyed父组件 destroye