vue学习第17天,渲染 JSX 插件
2017-11-05 19:37
399 查看
1,每个虚拟DOM VNode 都是唯一的 可以多次使用工厂函数创建多个组件的实例
2,在渲染函数中 有些语法可以使用 javascript 不用 再使用 vue 的 API
3,在渲染函数中 使用 if else 而不是 v-if
4,在渲染函数中 使用 map 而不是 v-for
5,在渲染函数中 重写 v-model
6,提供了在渲染函数中 被 on 的时候 事件和按键的修饰符的前缀
7,在渲染函数中 通过 this.$slots() 获取VNode 中的静态内容
8,在渲染函数中 通过 this.$scopedSlots() 获取作用域插槽 可以往里面传数据
9,在渲染函数中 可以通过设置 scopeSlots 来设置 作用域插槽
10,通过 JSX 语法 babel 插件 来简化代码 h 是 createElement 的别名
11,children 能得到所有的子元素 slots().default 得到的是没有具名的插槽的子元素 需要通过插槽的 name 来获取具名插槽的元素
12,Vue 模板被编译成了 渲染函数 render 函数
13,插件会添加全局范围的功能 全局的资源 组件选项 vue实例方法等 或者是一些功能集成的一个库
14,Vue.use 会阻止多次注册同一个插件 官方的插件大多都会调用这个方法 自己写的插件 要记得也调用这个方法
2,在渲染函数中 有些语法可以使用 javascript 不用 再使用 vue 的 API
3,在渲染函数中 使用 if else 而不是 v-if
4,在渲染函数中 使用 map 而不是 v-for
5,在渲染函数中 重写 v-model
6,提供了在渲染函数中 被 on 的时候 事件和按键的修饰符的前缀
7,在渲染函数中 通过 this.$slots() 获取VNode 中的静态内容
8,在渲染函数中 通过 this.$scopedSlots() 获取作用域插槽 可以往里面传数据
9,在渲染函数中 可以通过设置 scopeSlots 来设置 作用域插槽
10,通过 JSX 语法 babel 插件 来简化代码 h 是 createElement 的别名
11,children 能得到所有的子元素 slots().default 得到的是没有具名的插槽的子元素 需要通过插槽的 name 来获取具名插槽的元素
12,Vue 模板被编译成了 渲染函数 render 函数
13,插件会添加全局范围的功能 全局的资源 组件选项 vue实例方法等 或者是一些功能集成的一个库
14,Vue.use 会阻止多次注册同一个插件 官方的插件大多都会调用这个方法 自己写的插件 要记得也调用这个方法
相关文章推荐
- Vue.js学习教程之列表渲染详解
- vue学习第16天,渲染
- 基于Vue渲染与插件的加载顺序的问题详解
- ajax请求插件vue-resource的学习
- 学习使用vue.js(二)声明式渲染 和 指令绑定
- Vue.js入门学习--v-if 组合 v-else-if条件指令渲染DOM(三)
- 【vue学习】vue中怎么引用laydate.js日期插件
- Vue.js 学习(6) -- Vue指令之:条件渲染
- ajax请求插件vue-resource的学习
- Vue学习第三天 之http请求 Vue-自带vue-resource插件实现http请求
- vue学习第25天,数据排序 分页 使用滚动加载插件
- vue学习:解决vue变量未渲染前代码显示问题
- Vue.js学习 Item7 -- 条件渲染与列表渲染
- Vue.js 学习(6) -- Vue指令之:列表渲染
- vue学习第21天,vue-resource 插件
- 学习vue.js条件渲染
- Vue入门学习-使用服务器传来的JSON数据交给Vue渲染HTML页面
- Vue学习日志:条件渲染(6)
- Vue.js学习 Item7 -- 条件渲染与列表渲染
- Vue学习-声明式渲染