josavion的博客

1.单个组件的生命周期beforeCreat：在实例初始化之前，数据观测（data observer）和 event 等配置之前被调用。这时候 initState 还没有执行，所以不能访问到props、data、methods 等属性。 created：在实例创建之后立即被调用，这时候 initState 方法已经被调用，可以访问到相关属性，但是 DOM 还没有被渲染，所以不能访问到 $el 属性。编译模板，把数据和模板生成为 html ； beforeMount：在挂载之前被调用，render 方

关于 vue 组件间的样式问题，一直困扰我。父与子，子与父，兄弟组件间相互的样式污染，再加上 scoped 作用域的作用，导致我们很难搞清楚之间的相互关系，今天我们就来一探究竟；1.父子组件之间的样式// 父组件<div id="app"> <h2>父组件的h2</h2> <h3>父组件的h3</h3> <ChildCom/></div><style>h2 { b

在 vue 中，组件化是极其重要的特征，我们使用不同的组件来实现页面。但是也会经常需要将父组件的内容分发到子组件，这就需要用到slot（插槽）；// 父组件<father>this is slot content</father>// 子组件<a> <slot></slot></a>这样父组件中的内容就会默认插入到slot标签中。1.slot的默认值我们可以设置slot 的默认值。当父级组

v-modal是一个语法糖，我们直接看示例<!-- 父组件 --><template> <div> <div>{{ inputVal }}</div> <InputCom v-model="inputVal"/> </div></template><script>import InputCom from './InputCom';e

异步组件是 vue 的一种新能优化的方法，比如可以运用在首屏加载等等场景。异步组件就是组件通过 import() 函数引入，什么时候需要什么时候才加载<!-- 父组件 --><template> <div> <Button @click="show = true">显示Form</Button> <FormCom v-if="show"/> </div></