- 博客(7)
- 资源 (8)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 vue2.X基础知识七之$nextTick
<div id="app"> <div id="div" v-if="showDiv">这是一段文本</div> <button @click="getText">获取div内容</button></div><script&
2018-05-26 16:50:55
1285
转载 vue2.X基础知识六之slot内容分发
当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到slot，这个过程叫做内容分发。1、slot内容分发在子组件内使用特殊的<slot>元素就可以为这个子组件开启一个slot（插槽），在父组件模板里，插入在子组件标签内的所有内容将替代子组件的<slot>标签及它的内容。例如：<div id="app"> <child-compo...
2018-05-25 00:27:21
340
转载 vue2.X基础知识五之非父子组件通信
在实际业务中，除了父子组件通信外，还有很多非父子组件通信的场景，非父子组件一般有两种，兄弟组件和跨多级组件。1、中央事件总线(bus)处理任何组件通信 在vue2.x中推荐使用一个空的Vue实例作为中央事件总线(bus)，也就是一个中介。例如：<div id="app"> {{ message }} <component-a></compon...
2018-05-18 18:05:17
314
转载 vue2.X基础知识四之组件及父子组件通信
一、组件注册1、在Vue中全局注册//my-component就是注册的组件自定义标签名，推荐使用小写加减号分割的形式命名//template的DOM结构必须被一个元素包含（这里是div），否则无法渲染Vue.component('my-component', {template: '<div>我是组件</div>'}); var app = new Vue({...
2018-05-08 22:05:35
1377
原创 vue2.X基础知识三之简易购物车
先看下效果：为了方便起见，使用了table布局：<div id="app"> <table> <tr> <th>商品</th> <th>数量</th> <th>单价</th> <th&
2018-05-07 12:29:48
912
原创 vue2.X基础知识二之数据计算
1、filters过滤前端在展示后端传递过来的数据时，往往不能直接显示出来，需要经过一些转换，比如后端有个字段是datetime格式的，到了前端会发现是一个很奇怪的字符串，这个时候，通常需要写一个函数来格式化一下，在vue中，我们可以使用filter来增加一个函数用于格式化输出；这里我们以输入人民币，自动转换为美元为需求。例子如下：<div id="app"> <div v-...
2018-05-07 00:23:44
2537
原创 vue2.X基础知识一之初探vue及指令
首先，直接在html里引入官方的vue文件：<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>html结构如下：<div id="app"> <!--输出data数据里的name值--> {{ name }}</div&
2018-05-06 12:45:11
524
《锋利的jquery》第二版随书源码
2015-12-07
《HTML 5网页开发实例详解》源码2
2015-12-06
《html5网页开发实例详解》随书源码2
2015-12-06
《bootstrap实战》书籍随书实例源码
2015-12-02
超实用的css3代码段源码(376个案例)
2015-12-02
经典之作javascript dom编程艺术源码
2015-12-02
超实用的javascript代码段实战源码(近400个案例)
2015-12-02
使用gulp-useref将html页面js合并报错？
2018-04-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人