注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. vue 注册组件的使用详解

  2. Vue.js的组件的使用有3个步骤：创建组件构造器、注册组件和使用组件。这篇文章主要介绍了vue 注册组件的使用,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-18
    • 文件大小：86kb
    • 提供者：weixin_38575536

  1. Vue 自定义动态组件实例详解

  2. 现在基于vue的UI组件库有很多，比如iview，element-ui等。但有时候这些组件库满足不了我们的开发需求，这时候我们就需要自己写一个插件。 举第一个栗子 用vue-cli搭建好项目目录之后，在src/components下面新建一个文件夹放我们要写的插件，如图所示: index.vue里写我们的组件，代码如下： index.js里面写index.vue的install方法，并用Vue.component注册组件，代码如下： 接下来我们要在默认的main.js里将刚刚写的in

  3. 所属分类：其它

    • 发布日期：2020-12-02
    • 文件大小：305kb
    • 提供者：weixin_38664159

  1. Vue中$refs的用法详解

  2. 说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素） 使用：在 HTML元素 中，添加ref属性，然后在JS中通过vm.$refs.属性来获取 注意：如果获取的是一个子组件，那么通过ref就能获取到子组件中的data和methods Document <!-- <scr ipt type="text/javascr ipt" src="https://cdn.bootcss.com/jquery/

  3. 所属分类：其它

    • 发布日期：2020-12-01
    • 文件大小：30kb
    • 提供者：weixin_38685961

  1. 详解基于vue-cli3快速发布一个fullpage组件

  2. 前言 想必大家都看过fullpage.js——这是一款非常好用的翻页插件。 现在vue非常流行，大家想不想发布一个组件给别人使用呢？ 这里我们基于vue-cli3快速搭建一个简单的fullpage组件给别人使用，当然你也可以做你感兴趣的组件发布给别人用~ GITHUB 链接 开始 准备 $ npm i -g vue/cli #全局vue-cli3 通过查看vue-cli3官网了解，创建一个新的普通项目。 思考 一开始要想别人如何调用我们写的组件，通过挂载vue实例方法（thi

  3. 所属分类：其它

    • 发布日期：2020-12-01
    • 文件大小：111kb
    • 提供者：weixin_38620734

  1. Vue组件的使用教程详解

  2. 官网：   https://cn.vuejs.org/v2/guide/components.html  1.Vue组件的介绍 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。 所有的 Vue 组件同时也都是 Vue 的实例，所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。 2.使用组件 对于自定义标签的命名 Vue.js 不

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：152kb
    • 提供者：weixin_38552305

  1. vue全局组件与局部组件使用方法详解

  2. vue全局／局部注册，以及一些混淆的组件 main.js入口文件的一些常用配置， 在入口文件上定义的public.vue为全局组件，在这里用的是pug模版 .wraper 的形式相当于 —main.js文件 **main.js入口文件的内容** import Vue from 'vue' import App from './App' import router from './router' // 引入公用组件的vue文件 他暴漏的是一个对象 import cpublic from './c

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：42kb
    • 提供者：weixin_38600253

  1. vue-cli 组件的导入与使用教程详解

  2. 概述： 一个文件就是一个模块，需要引入模块，和暴露模块的方法 在一个组件中使用另一个组件三部曲：引入组件、注册组件、使用组件 1.main.js文件解读 .是整个项目的入口文件,在src文件夹下 .import（es6）引入vue和根组件app.vue .最后new Vue，启动应用 2、组件的使用 .定义的组件一般放到components目录下 .用一个组件的过程 a .被引用的文件暴露对象(如果组件中没有scr ipt，可以不需要暴露) b. 父组件引入子组件，注册组件（全局组件不需要引

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：179kb
    • 提供者：weixin_38702339

  1. Vue学习之组件用法实例详解

  2. 本文实例讲述了Vue学习之组件用法。分享给大家供大家参考，具体如下： Vue中的模块化、可重用代码块将页面细分为一个个功能组件，而且组件之间可以嵌套。组件分为全局组件与局部组件，局部组件在实例中进行注册，并且只可以应用于该实例中。 1、 组件的使用流程： //1、创建组件构造器 let overallDiv=Vue.extend({ template:` 这是一个全局组件div ` });

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：68kb
    • 提供者：weixin_38629130

  1. vue-hook-form使用详解

  2. vue-hook-form 用于处理form请求，获取formData。以便于将form请求转成ajax/fetch请求 安装 npm install vue-hook-form 使用 VUE版本：1.x 必须在vue-cli生成的webpack模板环境中使用 一、注册&配置组件 // 这里使用在main.js中全局注册来示例 import vue from 'vue' import hookForm from 'vue-hook-form' // 配置全局form表单序列化之前的hoo

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：47kb
    • 提供者：weixin_38690149

  1. Vue 组件注册实例详解

  2. 本文实例讲述了Vue 组件注册。分享给大家供大家参考，具体如下： 1 组件名 在注册一个组件的时候，我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了： Vue.component('my-component-name', { /* ... */ }) 该组件名就是 Vue.component 的第一个参数。 你给予组件的名字可能依赖于你打算拿它来做什么。当直接在 DOM 中使用一个组件 (而不是在字符串模板或单文件组件) 的时候，我们强烈推荐遵循 W3C 规范 中的自定义组件名

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：72kb
    • 提供者：weixin_38654855

  1. 通过npm引用的vue组件使用详解

  2. 什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。     如何注册组件？     需要使用Vue.extend方法创建一个组件，然后使用Vue.component方法注册组件。Vue.extend方法格式如下： var MyComponent = Vue.extend({ // 选项...后面再介绍 })   

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：77kb
    • 提供者：weixin_38611230

  1. 详解VUE-地区选择器(V-Distpicker)组件使用心得

  2. 废话不多说，直接进入正题。 安装，引用，这些直接从官网拷贝来的，就不多说了。 1、安装 使用 npm 安装： npm install v-distpicker --save 使用 yarn 安装 yarn add v-distpicker --save 2、使用 注册组件 注册全局组件 import VDistpicker from 'v-distpicker' Vue.component('v-distpicker', VDistpicker); 注册组件 import VD

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：34kb
    • 提供者：weixin_38553791

  1. 详解基于Vue的支持数据双向绑定的select组件

  2. 今天用Vue做一个小项目时需要用到多个select筛选功能，但是原生的太丑，如果直接写在当前页多个select处理起来又太繁琐，第三方ui又太大，所以就自己写了一个，并上传了GitHub仓库,仓库地址：https://github.com/tuohuang/vue-select 使用方法： 引入组件: import VueSelect from '../components/VueSelect' 注册组件 export default { components: { Vu

  3. 所属分类：其它

    • 发布日期：2020-12-08
    • 文件大小：33kb
    • 提供者：weixin_38581405

  1. Vue.js自定义指令学习使用详解

  2. 自定义指令 自定义指令的注册方法和组件很像，也分全局注册和局部注册，比如注册一个v-focus指令用于在、元素初始化时自动获得焦点，共有两种写法： //全局注册 Vue.directive('focus',{ //指令选项 }); //局部注册 var app = new Vue({ el: '#app', directive: { focus: { //指令选项 } } }); 自定义指令的选项是由几个钩子函数组成的，每个都是可选的。 自定义指令的各个选项如下： bind：

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：66kb
    • 提供者：weixin_38694023

  1. Vue.js 2.x之组件的定义和注册图文详解

  2. 前言 什么是组件 组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。 模块化和组件化的区别 模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一 组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用 全局组件的定义和注册 组件Component是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。 全局组件的

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：292kb
    • 提供者：weixin_38723373

  1. 详解Vue2.x-directive的学习笔记

  2. 除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。注意，在 Vue2.0 里面，代码复用的主要形式和抽象是组件——然而，有的情况下,你仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令。 官方建议directive是对纯 DOM 元素进行底层操作使用，一般情况下还是建议使用组件的复用。 directive的意义 自定义指令是用来操作DOM的。 尽管数据驱动是Vue的核心之一，但是在实际情况下，并不是所有的情况都可以用数据来驱动视图，我们

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：69kb
    • 提供者：weixin_38722874

  1. vue动态注册组件实例代码详解

  2. 写本篇文章之前其实也关注过vue中的一个关于加载动态组件is的API，最开始研究它只是用来实现一个tab切换的功能，使用起来也蛮不错的。 is 预期：string | Object (组件的选项对象) 用于动态组件且基于 DOM 内模板的限制来工作。 示例： 详见vue API中关于is的定义和用法 至于用在tab切换中，大概就是： 　　#动态组件实现tab切换效果

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：59kb
    • 提供者：weixin_38628612

  1. vue2.0全局组件之pdf详解

  2. 目的：像elementUI那样注册全局组件 预览pdf文件 技术支持：使用火狐的pdf.js http://mozilla.github.io/pdf.js/ 准备：新建一个CPdf.vue文件，把火狐demo里面的build里面的pdf.js下载来,并且依赖了elementUI开发的其实就是用了 编写： template 上一页</el-bu

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：129kb
    • 提供者：weixin_38612304

  1. vue 注册组件的使用详解

  2. 一、介绍        组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树  那么什么是组件呢？   组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。 二、如何注册组件    Vue.js的组件的使用有3个步骤：创建组件构造器、注册组件和使用组件。  下面用代码演示这三步 <!-- 注意： #app是Vue实例挂载的元素，应

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：134kb
    • 提供者：weixin_38704830

  1. Vue组件之全局组件与局部组件的使用详解

  2. 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以is特性扩展。个人认为就是一个可以重复利用的结构层代码片段。 全局组件注册方式：Vue.component(组件名,{方法}) eg: </

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：86kb
    • 提供者：weixin_38547532
« 12 »