Vue.js 知识点2

来源:互联网 发布:电脑有网络玩不了游戏 编辑:程序博客网 时间:2024/05/22 11:30
     Vue组件要确保在初始化根实例之前注册了组件!!!     也可以局部注册,通过使用组件实例选项注册,可以使组件     仅在另一个实例/组件作用域中可用     在自定义组件中使用受限制元素时,组件会被认为说无效的内容     方法说使用特殊的is属性,内联模板字符串不会被受限制     因此,有必要的话,请尽量使用字符串模板。     在组件中,data必须是一个函数!!     组件意味着协同工作,如父子组件,组件之间必要需要相互通信。     父组件给子组件传递数据,子组件需要将它内部发生的事情告知给父组件     然而在一个良好定义的接口中,尽可能的将父子组件解耦说很重要的。     这保证了每个组件可以在相对隔离的环境中书写和理解,也大幅提高了     组件的可维护性和可重用性。       父子组件的关系可以总结为:props down,events up.     父组件通过props向下传递数据给子组件,子组件通过events给     父组件发送信息。    使用props传递数据,     组件实例的作用于说孤立的,这意味着不能在子组件的模板内直接引用    父组件的数据,要让子组件使用父组件的数据,我们需要通过子组件的     props选项。    子组件要显式的用props选项声明他期待获得的数据    子组件要动态的绑定父组件数据到子组件中的props,要使用v-bind    每当父组件数据变化时,也会传导给子组件    每次父组件更新时,子组件的所有prop都会更新为最新值。    这意味着你不应该在子组件内部改变prop
    指令定义函数提供了几个钩子函数     钩子函数:     bind:只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以     定义一个在绑定时执行一次的初始化动作。     inserted:被绑定元素插入父节点时调用,父节点存在即可调用,     update:所在组件的VNode更新时调用,但是可能发生在其孩子的VNode更新     之前,指令的值可能发生了改变也可能没有,但是你可以通过比较更新后的值     来忽略不必要的模板更新     computedUpdated:所在组件的VNode及其孩子的VNode全部更新时调用     unbind:只调用一次,指令与元素解绑时调用。     钩子函数参数:     el:指令所绑定的元素,可以用来直接操作DOM     binding:一个对象,包含以下属性:       name:指令名,不包括v-      value:指令的绑定值,      oldValue:指令绑定的前一个值     vnode:vue编译生成的虚拟节点