组件轮播联动我使用的是 el-carousel 组件,具体代码如下: 下面就可以通过轮播的change事件传递参数到父组件,判断轮播的参数变化而进行相应的过渡 父组件接收子组件传递的轮播参数,进行相应联动 ...
分类:
其他好文 时间:
2018-06-06 15:39:59
阅读次数:
337
摘要:使用HTML5编写移动Web应用,主要是为了尝试一下“一套代码多处运行”,一个webapp几乎可以不加修改的运行在PC/Android/iOS等上面运行。但是写到现在觉得虽然这种方式弊大于利,不仅在速度上有差异,webapp对移动端的一些原生功能支持并没有那么好。我用的vue写的系统,完成之后 ...
分类:
移动开发 时间:
2018-06-04 11:30:29
阅读次数:
1275
1、全局组件 <div id="box"> <aaa></aaa> </div> var Aaaa=Vue.extend({ template:"<h3>我是h3</h3>" }); Vue.component('aaa',Aaa); 注:数据,组件里的数据必须是data:function(){}且 ...
分类:
其他好文 时间:
2018-06-03 19:23:56
阅读次数:
168
Scoped CSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范。 vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素,它是通过使用PostCSS来改变以下内容实现的: 一、混合使用全局属性和局部属性 二、关于子组件的根元素 使用 ...
分类:
其他好文 时间:
2018-05-31 23:07:04
阅读次数:
1507
vue的核心基础就是组件的使用,玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 那接下来就跟我看一下如何在一个Vue实例中使用组件吧! 这里有一个Vue组件的示例: Vue.component('Vheader',{ data:func ...
分类:
其他好文 时间:
2018-05-28 11:32:03
阅读次数:
165
vue的核心基础就是组件的使用,玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 那接下来就跟我看一下如何在一个Vue实例中使用组件吧! 这里有一个Vue组件的示例: 组件是可复用的Vue实例,并且带有一个名字:在这个例子中是 <Vhea ...
分类:
其他好文 时间:
2018-05-25 13:46:55
阅读次数:
202
组件的作用,方便代码进行服用. 单个内容定义组件方式1: //js中定义 vue.component('组件名称',{template:'组件内容'}) //另外仍然需要定义该组件所在的vue对象,否则,组件应用到html的标签中式不会生效的!!!!!! new vue({el:'组件所在父级标签i ...
分类:
其他好文 时间:
2018-05-24 01:09:17
阅读次数:
184
webpack将app.vue(根节点)挂到html 挂载其他组件(vue router) ...
分类:
Web程序 时间:
2018-05-20 15:35:21
阅读次数:
304
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></scr ...
分类:
其他好文 时间:
2018-05-15 19:43:31
阅读次数:
128