摘要：
slot插槽的使用 适用场景：可以实现父子组件通信（通信的结构） 父组件可通过slot插槽，向子组件内部指定位置传递内容。 基本使用 <! 子组件ChildA > <div> <slot>默认内容</slot> </div> <! 父组件 > <div> <childA> 我是默认插槽，可以传递内容 阅读全文
摘要：
vue组件通信 一、props 适用场景：父子组件通讯 1、父组件，给子组件【ChildA】传递数据 <child-a :msg="msg"></child-a> 2、子组件，props接收数据 //props有两种写法 //1、数组形式 props:['msg'] //2、对象形式 props:{ 阅读全文
摘要：
vue组件 一、基本使用 <div id="app"> <!--3、使用组件--> <my-cpn></my-cpn> </div> <script> //1.创建组件构造器 const cpnC= Vue.extend({ template:` <div> <h2>我是cpnC的标题</h2> < 阅读全文
摘要：
vue 生命周期 Vue 实例在被创建时，经过一系列初始化的过程。 设置数据监听、编译模板、将实例挂载到 DOM 、并在数据变化时更新 DOM 等。 这个过程中也会运行一些叫做 生命周期钩子 的函数，这给了用户在不同阶段添加自己的代码的机会。 <div id="app">{{message}}</d 阅读全文
摘要：
vue计算属性和侦听器 一、computed 在一个计算属性里可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回一个结果就可以。 1.1.和methods对比 <div id="app"> <!--1.插值法：直接拼接：语法过于繁琐--> <h2>{{firstName+' '+lastNa 阅读全文