zoukankan      html  css  js  c++  java
  • 全局组建封装(挂载到vue实例的原型中,通过this访问)

    主题:组建的封装
     一:install注册的全局封装(v-grid九宫格组建)
     
                1.九宫格的封装主要有三个api 点击功能 每行个数 是否隐藏边框
     
                2.因为九宫格的内容自定义的可能性比较大,美容比较灵活,所以使用了slot插件,主要让用户自定义
     
                3.主要技术就是组建中的传参
     
    二: prototype原型的全局封装(v-cnfirm框)
                1.主要功能,点击后跳出弹出框,弹出框内容自定义,confirm和cancel两个回调函数
     
                2.子组件与父组建中的数据双向绑定,子组件中绑定 v-modle 需要用 value值进行接受,同时导出input事件进行数据双向数据绑定
     
                3. 创建一个vue实例构造器,之后构造一个实例,这个构造的使用相当与传入的实例,创建一个div把div挂载到内部
            
                4.数据处理 把传入的值复制到创建的实例,然后全局使用即可
     

     

  • 相关阅读:
    canvas背景粒子动态变化动画
    点击屏幕弹出心形效果
    前端图片的性能优化
    vue的computed和method的区别
    es6的...
    命名路由和命名视图
    编程式路由
    [思维]蚂蚁感冒
    [模板]前缀树 / 字典树及应用
    [模板]三分搜索
  • 原文地址:https://www.cnblogs.com/tiangeng/p/9790511.html
Copyright © 2011-2022 走看看