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编译生成的虚拟节点
阅读全文
0 0
- Vue.js 知识点2
- Vue.js 知识点罗列
- Vue.js 知识点
- Vue.js新手入门知识点
- vue知识点
- vue 知识点
- Vue.js 学习(2) -- Vue实例
- js知识点2
- vue.js-step-everthing-2
- Vue.js 学习2 实例
- vue.js学习笔记2
- vue.js学习笔记-2
- Vue Router知识点
- 关于vue的知识点
- Vue常用知识点
- vue初级知识点总结
- vue的知识点
- vue 零碎知识点
- Maven pom.xml 中设置 JDK版本
- css3:box-sizing
- 大话数据结构 code 第八章 03平衡二叉树_AVLTree
- 字节流的简单使用
- 图论DFS与BFS
- Vue.js 知识点2
- python 连接mysql 数据库
- oracle参数文件、控制文件、数据文件、日志文件存放位置查看
- Uncaught TypeError: Cannot read property 'msie' of undefined
- HBase写入性能改造(续)--MemStore、flush、compact参数调优及压缩卡的使用
- JavaSE: 关于 for&if 结合的经典例题:求num1-num2之间的素数
- Borg Maze
- C++启动exe
- stm32 外部中断