上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 20 下一页
摘要: 我们在写属性时经常会加入’-‘来进行分词,比如:,那这时我们在props里如果写成props:[‘form-here’]是错误的,我们必须用小驼峰式写法props:[‘formHere’]。 阅读全文
posted @ 2017-06-04 16:52 Model-Zachary 阅读(448) 评论(0) 推荐(0) 编辑
摘要: props定义属性并获取属性值 html js 阅读全文
posted @ 2017-06-04 16:51 Model-Zachary 阅读(317) 评论(0) 推荐(0) 编辑
摘要: 组件注册的是一个标签,而指令注册的是已有标签里的一个属性。在实际开发中我们还是用组件比较多,指令用的比较少。因为指令看起来封装的没那么好,这只是个人观点。 阅读全文
posted @ 2017-06-04 16:50 Model-Zachary 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 全局化注册组件 html <div id="app"> <!-- 注册一个全局逐渐 --> <register></register> </div> js var demo = Vue.component('register',{ template:"<h2>{{message}}</h2>", d 阅读全文
posted @ 2017-06-04 16:49 Model-Zachary 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 直接写在选项里的模板 直接在构造器里的template选项后边编写。这种写法比较直观,但是如果模板html代码太多,不建议这么写。 var vm = new Vue({ el:"#app", template:` <h2>直接在构造器里的template选项后边编写。这种写法比较直观,但是如果模板h 阅读全文
posted @ 2017-06-04 16:46 Model-Zachary 阅读(184) 评论(0) 推荐(0) 编辑
摘要: Vue一共有10(严格说应该是8个,总数是10个 因为有两个是属于存在keep-alive才会生效的生命周期)个生命周期函数,我们可以利用这些函数在vue的每个阶段都进行操作数据或者改变内容。 其实在Vue的官网有一张图已经很好的诠释了生命周期,我在这里就不再多讲了,直接贴图,然后上程序代码。 ht 阅读全文
posted @ 2017-06-04 16:43 Model-Zachary 阅读(625) 评论(0) 推荐(0) 编辑
摘要: html html js 阅读全文
posted @ 2017-06-04 16:40 Model-Zachary 阅读(422) 评论(0) 推荐(0) 编辑
摘要: Vue.extend 返回的是一个“扩展实例构造器”,也就是预设了部分选项的Vue实例构造器。经常服务于Vue.component用来生成组件,可以简单理解为当在模板中遇到该组件名称作为标签的自定义元素时,会自动调用“扩展实例构造器”来生产组件实例,并挂载到自定义元素上。 自定义无参数标签 我们想象 阅读全文
posted @ 2017-06-04 16:37 Model-Zachary 阅读(250) 评论(0) 推荐(0) 编辑
摘要: Vue除了内部指令,我们也可以定义一些属于自己的指令,比如我们要定义一个v-diy的指令,作用就是让文字变成红色。 写好了这个功能,我们现在就自己定义一个全局的指令。我们这里使用Vue.directive( ); html <div v-diy="color">{{message}}</div> j 阅读全文
posted @ 2017-06-04 16:32 Model-Zachary 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 什么是全局API? 全局API并不在构造器里,而是先声明全局变量或者直接在Vue上定义一些新功能,Vue内置了一些全局API,比如我们今天要学习的指令Vue.directive。说的简单些就是,在构造器外部用Vue提供给我们的API函数来定义新的功能。 阅读全文
posted @ 2017-06-04 16:24 Model-Zachary 阅读(134) 评论(0) 推荐(0) 编辑
上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 20 下一页