摘要：
全局化注册组件 html <div id="app"> <!-- 注册一个全局逐渐 --> <register></register> </div> js var demo = Vue.component('register',{ template:"<h2>{{message}}</h2>", d 阅读全文
posted @ 2017-06-04 16:49
xuanPhoto
阅读(199)
评论(0)
推荐(0)
摘要：
直接写在选项里的模板 直接在构造器里的template选项后边编写。这种写法比较直观，但是如果模板html代码太多，不建议这么写。 var vm = new Vue({ el:"#app", template:` <h2>直接在构造器里的template选项后边编写。这种写法比较直观，但是如果模板h 阅读全文
posted @ 2017-06-04 16:46
xuanPhoto
阅读(196)
评论(0)
推荐(0)
摘要：
Vue一共有10（严格说应该是8个，总数是10个 因为有两个是属于存在keep-alive才会生效的生命周期）个生命周期函数，我们可以利用这些函数在vue的每个阶段都进行操作数据或者改变内容。 其实在Vue的官网有一张图已经很好的诠释了生命周期，我在这里就不再多讲了，直接贴图，然后上程序代码。 ht 阅读全文
posted @ 2017-06-04 16:43
xuanPhoto
阅读(654)
评论(0)
推荐(0)
摘要：
html html js 阅读全文
posted @ 2017-06-04 16:40
xuanPhoto
阅读(434)
评论(0)
推荐(0)
摘要：
Vue.extend 返回的是一个“扩展实例构造器”,也就是预设了部分选项的Vue实例构造器。经常服务于Vue.component用来生成组件，可以简单理解为当在模板中遇到该组件名称作为标签的自定义元素时，会自动调用“扩展实例构造器”来生产组件实例，并挂载到自定义元素上。 自定义无参数标签 我们想象 阅读全文
posted @ 2017-06-04 16:37
xuanPhoto
阅读(265)
评论(0)
推荐(0)
摘要：
Vue除了内部指令，我们也可以定义一些属于自己的指令，比如我们要定义一个v-diy的指令，作用就是让文字变成红色。 写好了这个功能，我们现在就自己定义一个全局的指令。我们这里使用Vue.directive( ); html <div v-diy="color">{{message}}</div> j 阅读全文
posted @ 2017-06-04 16:32
xuanPhoto
阅读(199)
评论(0)
推荐(0)
摘要：
什么是全局API？ 全局API并不在构造器里，而是先声明全局变量或者直接在Vue上定义一些新功能，Vue内置了一些全局API，比如我们今天要学习的指令Vue.directive。说的简单些就是，在构造器外部用Vue提供给我们的API函数来定义新的功能。 阅读全文
posted @ 2017-06-04 16:24
xuanPhoto
阅读(143)
评论(0)
推荐(0)
摘要：
html 阅读全文
posted @ 2017-06-04 11:13
xuanPhoto
阅读(302)
评论(0)
推荐(0)
摘要：
v-model双向数据绑定的修饰符 .lazy：失去焦点时数据进行双向的绑定 v-model.lazy=”message ” .number：前面输入数字，后面接着字母自动去除掉。v-model. number =”message ” .trim：去掉打头的空格，内容之间还是可以产生空格。 v-mo 阅读全文
posted @ 2017-06-04 10:53
xuanPhoto
阅读(309)
评论(0)
推荐(0)
摘要：
v-if和v-show区别 v-if判断是否要加载，可以减轻服务器压力，按需加载。 v-show 利用了css的display，可以提高客户端的流畅度。 看需求使用那个，如果页面上会经常用到，用v-show,例如tab栏等。 根据用户的需求加载的用v-if，选择性的向服务器请求加载，例如，瀑布流，懒加载等 阅读全文
posted @ 2017-06-04 10:50
xuanPhoto
阅读(208)
评论(0)
推荐(0)
浙公网安备 33010602011771号