vue
文章平均质量分 55
口耳戈是个生僻字
这个作者很懒,什么都没留下…
展开
-
Vue.directive自定义指令
v-if用来判断是否加载html的DOM,比如我们模拟一个用户登录状态,在用户登录后现实用户名称。v-show调整css中display属性,DOM已经加载,只是CSS控制没有显示出来。v-if和v-show的区别:· v-if:判断是否加载,可以减轻服务器的压力,在需要时加载。· v-show:调整css dispaly属性,可以使客户端操作更加流畅。Vue.directiv...原创 2018-05-10 18:53:39 · 4410 阅读 · 0 评论 -
一
Vue中使用组件使,自定义组件row不会添加进tbody中,是因为table中tbody里面只允许有tr,所以可以使用这种方法解决,使用is属性代替,保证符合H5页规则,同理,使用ul,select等标签时这样写等等2.vue中只能在主组件中创建data对象,子组件中只能定义方法,这样可以使每个子组件的数据不互相影响。这样写就会报错这样写,他就是对的Vue建议我们不要在代码中去操作dom...原创 2018-05-17 16:23:00 · 905 阅读 · 0 评论 -
二
全局API混入方式Vue.mixin({ updated:function () { console.log('我是全局被混入的'); } })PS:全局混入的执行顺序要前于混入和构造器里的方法。 Extends Option 扩展选项varbbb = { ...原创 2018-05-17 16:24:49 · 658 阅读 · 0 评论 -
Component
全局化注册组件Vue.component('qw', { template:`<divstyle="color:red;">全局化注册</div>` }) 局部注册组件局部注册组件和全局注册组件是向对应的,局部注册的组件只...原创 2018-05-17 16:27:09 · 262 阅读 · 0 评论 -
extend
Vue.extend 自定义无参数标签<divid="app"> <qwe></qwe> </div> varqwe = Vue.extend({ //模版 template:"<p><a:href=w>{{q}}</a&g原创 2018-05-17 16:29:21 · 193 阅读 · 0 评论 -
vue动画
Vue中默认的开头是V,例如.v-enter,这里起了名字后,就可以将v替代- fade-enter 定义进入过渡的开始状态。在元素被插入时生效,在下一个帧移除 - fade-enter-active,fade-leave-active定义过渡的状态。在元素整个过渡过程中作用,在元素被插入时生效,在transition/animation 完成之后移除 - fade-leave-to 定义离开过渡...原创 2018-05-17 16:34:24 · 307 阅读 · 0 评论 -
非父子组件传值和插槽
使用发布订阅模式,即总线机制来解决非父子组件传值的问题Vue中使用插槽v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新<p>可以改变:{{ msg }}</p><pv-once>不可以改变:{{ msg1 }}</p>app.msg = 'hello'//会改变第一行的字段app.msg1 = 'hello'//不会改变...原创 2018-05-17 16:37:11 · 237 阅读 · 0 评论