Vue组件
关注
分享
扫一扫
AsaZyf
这个作者很懒，什么都没留下…
展开
-
Vue组件切换--v-if(适合只有两个组件)
code：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>组件切换v-if--适用于两个组件切换</title> <script type="text/javascript" src="j原创 2018-11-01 16:16:58 · 3332 阅读 · 0 评论 -
Vue--动态组件与v-once指令
code：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>动态组件与v-once指令</title> <script src="https://cdn.bootcss.com/vue/2.5.17-原创 2018-11-04 17:15:29 · 212 阅读 · 0 评论 -
Vue组件--单个插槽
code：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/vue.js"原创 2018-11-02 09:17:49 · 199 阅读 · 0 评论 -
Vue组件切换--带动画效果
code：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>组件切换comment--适用于多个组件切换</title> <script type="text/javascript" src=&quo原创 2018-11-01 16:27:11 · 1037 阅读 · 1 评论 -
Vue组件切换--comment(适用于多个组件切换)
code:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>组件切换comment--适用于多个组件切换</title> <script type="text/javascript" src=&quo原创 2018-11-01 16:20:16 · 3475 阅读 · 0 评论 -
Vue组件--创建组件之利用template元素
代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" &g原创 2018-10-31 21:32:50 · 2079 阅读 · 0 评论 -
Vue组件--创建组件常用方式及其注意点
代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>component定义组件注意点</title> <script type="text/javascript" src="js/vue原创 2018-10-31 21:24:10 · 698 阅读 · 0 评论 -
Vue组件--todolist
代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" &g原创 2018-10-31 17:31:50 · 265 阅读 · 0 评论 -
Vue组件--父与子组件
代码:注意：子组件里面的data必须是函数例子说明：每点击一次数字，加一，结果也跟着改变<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/java原创 2018-10-31 16:55:07 · 431 阅读 · 0 评论 -
Vue组件--利用axios和组件
注意：要导入vue.js、axios.is和bootsteap.css包<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"原创 2018-10-31 16:05:02 · 455 阅读 · 0 评论 -
Vue--组件传值
一、父子组件1.在父组件上定义2.绑定到要传递的子组件3.在子组件上接收二、兄弟组件1.在要发送数据的组件上绑定事件，每点击一次，向外触发事件 第一个参数是事件名，第二个参数是传递的值2.在引用组件的页面【父组件】上监听页面打印，看父组件是否成功接收子组件传过来的值3.转发到子组件，通过属性方式传递绑定到要调用的组件【li...原创 2018-12-05 16:53:09 · 208 阅读 · 0 评论