![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
阳光里的我们
这个作者很懒,什么都没留下…
展开
-
vue局部组件和公共组件搭建页面模式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp...原创 2019-10-06 16:08:12 · 278 阅读 · 1 评论 -
vue全局组件的使用和对应事件的处理
1,通过全局组件,向各个子组件里面创建各自需要的按钮全局组件又叫公共组件的声明:Vue.component(a,b)参数a是自定义全局组件的名称,参数b是options对象(1),全局组件的dom元素里添加<slot></slot>标签并给全局组件命名slot作为承载分发内容的出口Vue.component('vbtn',{ // slot作为承载分发内容的出口...原创 2019-10-09 01:26:20 · 496 阅读 · 0 评论 -
vue之watch监听数据
<div id="app"> <input type="text" v-model="msg"> <h4 >{{msg}}</h4> <h3 >{{stus[0].name}}</h3> <button @click='stus[0].name="Tom"'>wat...原创 2019-10-09 01:31:52 · 273 阅读 · 0 评论 -
vue之computed监听多个属性
案例:音乐播放<div id="app"> <!-- controls用来显示控件的 --> <audio :src="currentsongsrc" autoplay controls></audio> <ul> <li v-for="(item,index) in musicdata" ...原创 2019-10-09 01:34:57 · 2911 阅读 · 0 评论 -
vue之过滤器+全局过滤器+过滤器的两个参数
调用过滤器 数据属性 | 过滤器名字1,内部过滤器用filters对象 <div id="app"></div> <script src="../vue.js"></script> <script> var App={ data(){ return{ price:0...原创 2019-10-09 01:47:46 · 1293 阅读 · 0 评论 -
vue之具名插槽
<div id="app"></div><script src="../vue.js"></script><script> Vue.component('myslot',{ template:` <li> <slot name="one"></slot> ...原创 2019-10-09 01:49:33 · 128 阅读 · 0 评论