摘要: Vue-cli 一、安装vue-cli 安装vue-cli的前提是你已经安装了npm,安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node,我这里的npm版本为3.10.10。如果该命令不 阅读全文
posted @ 2017-07-21 09:23 ITtribe 阅读(535) 评论(0) 推荐(0) 编辑
摘要: 一、methods中参数的传递 使用方法和正常的javascript传递参数的方法一样,分为两部: 1、在methods的方法中进行声明,比如我们给add方法加上一个num参数,就要写出add:function(num){}. 2、调用方法时直接传递,比如我们要传递2这个参数,我们在button上就 阅读全文
posted @ 2017-07-19 16:48 ITtribe 阅读(123413) 评论(1) 推荐(2) 编辑
摘要: computed 的作用主要是对原数据进行改造输出。改造输出:包括格式的编辑,大小写转换,顺序重排,添加符号……。 一、格式化输出结果: 我们先来做个读出价格的例子:我们读书的原始数据是price:100 但是我们输出给用户的样子是(¥100元)。 主要的javascript代码: 1 2 3 4 阅读全文
posted @ 2017-07-19 16:21 ITtribe 阅读(342) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"></script> <title>构造器的声明周期</tit 阅读全文
posted @ 2017-07-16 23:40 ITtribe 阅读(209) 评论(0) 推荐(0) 编辑
摘要: Vue.set 的作用就是在构造器外部操作构造器内部的数据、属性或者方法。比如在vue构造器内部定义了一个count为1的数据,我们在构造器外部定义了一个方法,要每次点击按钮给值加1.就需要用到Vue.set。 一、引用构造器外部数据: 什么是外部数据,就是不在Vue构造器里里的data处声明,而是 阅读全文
posted @ 2017-07-16 23:29 ITtribe 阅读(11563) 评论(1) 推荐(1) 编辑
摘要: Vue.extend 返回的是一个“扩展实例构造器”,也就是预设了部分选项的Vue实例构造器。经常服务于Vue.component用来生成组件,可以简单理解为当在模板中遇到该组件名称作为标签的自定义元素时,会自动调用“扩展实例构造器”来生产组件实例,并挂载到自定义元素上。 <!DOCTYPE htm 阅读全文
posted @ 2017-07-16 23:07 ITtribe 阅读(2675) 评论(0) 推荐(0) 编辑
摘要: Vue.directive('指令',function(el,binding,vnode){ el.style='color:'+binding.value;}); el : 指令所绑定的元素,可以用来直接操作DOM。。 binding: 一个对象,包含指令的很多信息。 自定义指令有五个生命周期: 阅读全文
posted @ 2017-07-16 22:50 ITtribe 阅读(374) 评论(0) 推荐(0) 编辑