Instanceztt的博客

完整的导航解析流程导航被触发。在失活的组件里调用守卫。调用全局的beforeEach守卫。在重用的组件里调用守卫 (2.2+)。在路由配置里调用。解析异步路由组件。在被激活的组件里调用。调用全局的守卫 (2.5+)。导航被确认。调用全局的afterEach钩子。触发 DOM 更新。调用守卫中传给 next 的回调函数，创建好的组件实例会作为回调函数的参数传入。

概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。概念：当state中的数据需要经过加工后再使用时，可以使用getters加工。使用时，若需要传递参数需要：在模板中绑定事件时传递好参数，否则参数是事件对象。备注：若没有网络请求或其他业务逻辑，组件中也可以越过actions，即不写。为了解决不同模块命名冲突的问题，将不同模块的。开启命名空间后，组件中调用commit。

如多个组件的布局使用相似模板，只是具体内容不同，那么我们可以使用这种插槽方式封装成一个通用组件，在其他组件使用的时候只需要传对应的内容到对应名字的插槽即可，不需要将该模板在每个组件重新写一遍，减少代码冗余，大大提高开发效率。的组件指定的位置留一个坑，如果在外部，使用其组件包裹某内容（可以是任何模板代码，也可以是HTML，还可以是组件），则该内容就会被分发到。表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的。：关于样式，既可以写在父组件中，解析后放入子组件插槽；

Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具：1、在 CSS 过渡和动画中自动应用 class；2、配合使用第三方 CSS 动画库，如 Animate.css；3、在过渡钩子函数中使用 JavaScript 直接操作 DOM；4、配合使用第三方 JavaScript 动画库，如 Velocity.js。作用：Vue封装的在插入、更新或移除DOM元素时，在合适的时候给元素添加样式类名。写法：元素进入的样式：v-enter：进入的起点。

使用于场景:子组件给父组件传递数据on与on与on与emit$emit绑定一个自定义事件event，当这个这个语句被执行到的时候，就会将参数arg传递给父组件，父组件通过@event监听并接收参数。可以实现任意组件的通信的方法有两个：事件总线 和 Vuex，事件总线难维护数据但轻量，Vux维护数据方便但比较重量。和具有响应性且可以双向通信，无响应性且只能单向通信（父传子）props/emit，方法比较基础，适合只有父子组件通信的方法，若想跨层级通信需要中间组件做转发，比较麻烦。

data() {return {msg:'你好啊！',},methods: {console.log('App收到了学生名：',name,params)

1如果下载缓慢请配置npm淘宝镜像npm config set registry http://registry.npm.taobao.org2全局安装 @vue/cli npm install -g @vue/cli3切换到创建项目的目录，使用命令创建项目vue create xxx4选择使用vue的版本5启动项目npm run serve6打包项目npm run build7暂停项目 Ctrl+C。

beforeCreate(创建前):数据检测getter和setter和初始化事件还未开始,此时data的响应式追踪、event/watcher 都还没有被设置，也就是说不能访问到datacomputedwatchmethods上面的方法和数据create(创建后):实例创建完成，实例上配置的 options 包括datacomputedwatchmethods等都配置完成，但是此时渲染得节点还未挂载到 DOM，所以不能访问到$el属性。beforeMount（挂载前）

new Vue({指令名 : 配置对象 } }) new Vue({指令名 : 回调函数 } })

Vue会见识data中所有层次的数据如何检测对象中的数据?通过setter实现监视,且要在new Vue是传入要检测的数据.对象中后追加的属性，Vue默认不做响应式处理或如何监测数组中的数据？通过包裹数组更新元素的方法实现，本质就是做了两件事：调用原生对应的方法对数组进行更新重新解析模板，进而更新页面在Vue修改数组中的某个元素一定要用如下方法：Vue.set()或vm.$set()Vue.set()和vm.$set()不能给vm 或 vm的根数据对象 添加属性！！！

最好使用每条数据的唯一标识作为key, 比如id、手机号、身份证号、学号等唯一值如果不存在对数据的逆序添加、逆序删除等破坏顺序操作，仅用于渲染列表用于展示，使用index作为key是没有问题的。

/

了解数据代理需要js的一些知识：Object.defineProperty()，属性标志，属性描述符，getter，setter。。。

有2种写法创建Vue实例对象的时候配置el属性先创建Vue实例，随后再通过vm.$mount(‘#root’)指定el的值有2种写法

Vue 是一套用来动态构建用户界面的渐进式JavaScript框架○构建用户界面：把数据通过某种办法变成用户界面○渐进式：Vue可以自底向上逐层的应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各式各样的Vue插件作者：尤雨溪。