小马Ti的博客

计算属性简写一定要确定不写set函数才可以用简写 1.完整写法 2.简写形式

计算属性 定义从vue实例中的data中拿取属性,然后将这些属性计算得出新的属性. 结构形式

自定义指令总结

函数式自定义指令

自定义函数-对象式简介 使用方法Vue会在不同时刻调用fbind中的三个函数 1.如果命名的单词过长可以用-进行分隔,并且在函数名中用””进行包裹 2.指令里面的this,不是vm,而是windows.全局指令第一种,设置对象通过设置Vue.directive来实现 第二种,设置函数

绑定style样式 使用方法

绑定样式

组件的自定义事件一种组件间通信的方式，适用于：子组件 ===> 父组件 使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）。 绑定自定义事件：1.第一种方式，在父组件中： <Demo @atguigu="test"/>或 <Demo v-on:atguigu="test"/> 2.第二种方式，在父组件中： <Demo ref="demo"/> ...... mounted(){ ...

组件的嵌套vm管理一个app组件 APP组件管理所有的父组件 父组件里里面有各种各样的子组件 这样的一个分层管理

组件化编码流程 组件化编码流程： (1). 拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。 (2). 实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用； 1). 一个组件在用：放在组件自身即可。 2). 一些组件在用：放在他们共同的父亲组件上（状态提升）。 (3). 实现交互：从绑定事件开始。 props适用于： (1). 父组件 ==> 子组件 通信 (2). 子组件 ==> 父组件 通信（要求父先给子一个函数） 使用v-model时要切记：v-model绑定的值不能是props传过来的值，因为props是不可以修改的！ props传过来的若是对象类型的值，修改对象中的属性时Vue不会报错，但不推荐这样做。|