vue组件学习
来源:互联网 发布:淘宝千万不能搜索的 编辑:程序博客网 时间:2024/06/05 21:00
子组件注册到父组件时,Vue.js会编译好父组件的模板,模板的内容已经决定了父组件将要渲染的HTML。
http://blog.csdn.net/xingjigongsi/article/details/54602404
小结:
1、指令:
v-model 数据双向绑定
v-if、v-show、v-esle 根据给定的表达式值决定是否显示
v-for 循环
v-bind 将dom属性与数据相绑定 如v-bind:src="img_src"; Vue.data:{img_src:"1.jpg"}
v-on:事件=“方法/内联语句” 如v-on:click="test('ok',$event)" 可简写成@click="test('ok',$event)" 这里的$event指原生的dom事件
2、组件
组件的创建
组件的注册 自定义标签与组件构造器绑定 形如: "parentTag":"模板"
组件的使用
①因为前面组件的注册中html与js的高耦合性,所以使用script标签或template时为了使JavaScript在html模板分离。
②父子组件的作用域 --父子组件的数据传递(子组件接收父组件数据:在子组件中定义props属性来接收父组件中使用v-bind绑定的属性;父组件接收子组件的数据:) 如:
<div id="app">
<my-component v-bind:my-name="name" v-bind:my-age="age"></my-component>
</div>
Vue作用域插槽:
我认为是子组件返回模板后,父组件重新来渲染
Vue 组件的 API 来自三部分 - props, events 和 slots :
Props 允许外部环境传递数据给组件
Events 允许从外部环境在组件内触发副作用
Slots 允许外部环境将额外的内容组合在组件中
Render函数-使用 JavaScript来创建你的 HTML的template
- Vue组件学习
- Vue-组件学习
- vue组件学习
- vue学习-组件
- vue学习(三) vue组件
- vue.js组件学习记录
- Vue.js 学习9 组件
- Vue.js学习笔记:组件
- Vue.js学习系列(四十二)-- Vue.js组件
- vue自定义组件和列表循环--vue学习笔记
- select demo 学习vue组件化开发
- Vue.js 学习(9) -- 组件*1*
- Vue.js 学习(9) -- 组件*2*
- vue.js学习03之组件
- vue.js学习04之组件2
- Vue.js学习笔记-1-组件
- vue学习笔记--父子组件通信
- vue组件学习5(tab切换)
- 织梦入门arclist
- Windows下安装ZooKeeper
- 数据库简单操作
- Red Hat Enterprise Linux 换yum源问题
- 二叉树的四种遍历方法(递归、迭代)
- vue组件学习
- CSU1565-Word Cloud
- Unite 2017 干货整理 优化篇
- Java自定义注解
- firefox中的event.clientX问题
- mysql计算年龄
- 思维导图--数据结构导论(4)【3-7章】
- 101-102_容器_JDK源代码分析_自己实现ArrayList
- PAT甲级 1001. A+B Format (20)--两种方法