Vue学习总结

Vue中的数据模型仅仅是普通的JavaScript对象，然而当你在修改它们的时候，视图会自动进行更新。 当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属…

为了保证样式只应用于当前组件，我们在<style>标签上添加scoped属性，然而如果我们运用了v-html设置页面的内容，则组件的样式无法渗透到v-html设置的内容中。

我们通常习惯在组件的mounted阶段对要显示的数据进行一定的处理然后渲染页面。但是子组件在其mounted阶段无法获取父组件的异步数据以及父组件的mounted所创建的数据。 父组件的异步数据必须等待其内部执行完毕之后才会被触发，具有一定的滞后；子组件是在父组件创建的同时紧跟…

本篇将探讨关于Vue中父子组件的生命周期顺序。 父组件的mounted是在最后执行的。 因此在子组件的mounted中渲染父组件在mounted阶段请求的数据，是会无反应的。因为子组件mounted渲染数据会发生在父组件mounted请求数据之前。 See the Pen Vu…

See the Pen vue生命周期详解 by madman0621 (@madman0621) on CodePen. 在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。 在进行初始化事件、数据观测之后调用crea…

本文最核心的一点就是：HTML 是大小写不敏感的，在 DOM 模板中必须使用 kebab-case（myDiv与mydiv在DOM模版中是等同的）。以下的内容所提及的注意事项都是基于这条核心的。 组件名应该始终是多个单词的，根组件 App 除外。 这样做可以避免跟现有的以及未来…

使用的to属性绑定到一个含有子路由的命名路由上时，子路由的组件无法显示。 两种方式的URL都是一样的(/user/list)，但是命名路由的这种方式却不能显示内部默认子路由所设置的UserNone组件。 当路由内部含有默认子路由的时候，<router-link>的to属性就不应…

使用props，父组件可以使用props向子组件传递数据。 父组件向子组件传递事件方法，子组件通过$emit触发事件，回调给父组件。 inheritAttrs：默认值为true，设置为false时，没有被子组件继承的父组件属性（子组件的属性定义在组件的props中），不会当做特…