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

搜索资源列表

  1. 详解vue组件基础

  2. 本篇文章给大家总结了vue组件基础的相关知识点以及代码实例，有需要的朋友可以学习参考下。

  3. 所属分类：其它

    • 发布日期：2020-08-27
    • 文件大小：81920
    • 提供者：weixin_38699613

  1. Vue组件基础用法详解

  2. 组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码，本文将详细介绍Vue组件基础用法

  3. 所属分类：其它

    • 发布日期：2020-10-15
    • 文件大小：86016
    • 提供者：weixin_38716519

  1. Vue.js 2.0学习教程之从基础到组件详解

  2. 主要介绍了Vue.js 2.0从基础到组件的相关资料，文中介绍的非常详细，对大家学习或者使用vue.js具有一定的参考价值，需要的朋友可以参考学习，下面来一起看看吧。

  3. 所属分类：其它

    • 发布日期：2020-10-19
    • 文件大小：148480
    • 提供者：weixin_38653694

  1. vue组件三大核心概念图文详解

  2. 本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节，感兴趣的朋友跟随小编一起看看吧

  3. 所属分类：其它

    • 发布日期：2020-10-16
    • 文件大小：116736
    • 提供者：weixin_38723236

  1. 详解vue 组件

  2. Vue的两大核心 1. 数据驱动 – 数据驱动界面显示 2. 模块化 – 复用公共模块，组件实现模块化提供基础 组件基础 组件渲染过程 template —> ast（抽象语法树） —> render —> VDom(虚拟DOM) —> 真实的Dom —> 页面 Vue组件需要编译，编译过程可能发生在 打包过程 （使用vue文件编写） 运行时（将字符串赋值template字段，挂载到一个元素上并以其 DOM 内部的 HTML 作为模板) 对应的两种方式 ru

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：70656
    • 提供者：weixin_38518638

  1. 详解Vue用自定义指令完成一个下拉菜单（select组件）

  2. 这次分享的是关于Vue自定义指令的使用方法，学习完基础后我们再来实战完成一个下拉列表，废话不多说，直接上干货 基本用法 //全局注册 Vue.directive('my-directive', { // 指令选项 }) // 局部注册 var app = new Vue({ el: '#app' directives: { 'my-directive': { // 指令选项 } }) 相信对Vue比较熟悉的人看完都知道，directive的写法与组件 基本类似，只是方

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：71680
    • 提供者：weixin_38625351

  1. 使用Vue开发动态刷新Echarts组件的教程详解

  2. 需求背景：dashboard作为目前企业中后台产品的“门面”，如何更加实时、高效、炫酷的对统计数据进行展示，是值得前端开发工程师和UI设计师共同思考的一个问题。今天就从0开始，封装一个动态渲染数据的Echarts折线图组件，抛砖引玉，一起来思考更多有意思的组件。 准备工作 项目结构搭建 因为生产需要（其实是懒），所以本教程使用了 ==vue-cli==进行了项目的基础结构搭建。 npm install -g vue-cli vue init webpack vue-charts cd vue-

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：131072
    • 提供者：weixin_38519849

  1. vue.js+boostrap项目实践(案例详解)

  2. 一、为什么要写这篇文章 最近忙里偷闲学了一下vue.js，同时也复习了一下boostrap，发现这两种东西如果同时运用到一起，可以发挥很强大的作用，boostrap优雅的样式和丰富的组件使得页面开发变得更美观和更容易，同时vue.js又是可以绑定model和view(这个相当于MVC中的，M和V之间的关系)，使得对数据变换的操作变得更加的简易，简化了很多的逻辑代码。 二、学习这篇文章需要具备的知识 1、需要有vue.js的知识 2、需要有一定的HTML、CSS、Javascr ipt的基

  3. 所属分类：其它

    • 发布日期：2020-11-23
    • 文件大小：134144
    • 提供者：weixin_38728347

  1. Vue数字输入框组件使用方法详解

  2. 前面的话 关于基础组件介绍，已经更新完了。这篇文章将用组件基础知识开发一个数字输入框组件。将涉及到指令、事件、组件间通信。 基础需求 只能输入数字 设置初始值，最大值，最小值 在输入框聚焦时，增加对键盘上下键的支持 增加一个控制步伐prop-step,例如，设置为10 ，点击加号按钮，一次增加10 项目搭建 在了解需求后，进行项目的初始化： <meta name="viewport" content="width=device-width, in

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：63488
    • 提供者：weixin_38595528

  1. Vue组件基础用法详解

  2. Vue组件概述 组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。根据项目需求，抽象出一些组件，每个组件里包含了展现、功能和样式。每个页面，根据自己所需，使用不同的组件来拼接页面。这种开发模式使前端页面易于扩展，且灵活性高，而且组件之间也实现了解耦。 在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例 组件是一个自定义元素或称为一个模块，包括所需的模板、逻辑和样式。在HTML模板中，组件以一个自定义标签的形式存在，起到占位符

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：81920
    • 提供者：weixin_38637983

  1. 详解使用vue-admin-template的优化历程

  2. 前言 公司有好几个项目都有后台管理系统，为了方便开发，所以选择了 vue 中比较火的后台模板 作为基础模板进行开发。但是，开始用的时候，作者并没有对此进行优化，到项目上线的时候，才发现，打包出来的文件都十分之大，就一个 vendor 就有 770k 的体积（下图是基础模板，什么都没加打包后的文件信息）： 通过 webpack-bundle-analyzer 进行分析可得，体积主要来源于饿了么UI（体积为 500k），因为没对其进行部分引入拆分组件，导致 webpack 把整个组件库都打包进去了

  3. 所属分类：其它

    • 发布日期：2020-12-03
    • 文件大小：196608
    • 提供者：weixin_38557896

  1. 详解VUE项目中安装和使用vant组件

  2. Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。 特性 50+ 个经过有赞线上业务检验的组件 单元测试覆盖率超过 90% 完善的中英文文档和示例 支持 babel-plugin-import 支持 Typescr ipt 支持 SSR 组件中文文档地址：https://youzan.github.io/vant/#/zh-CN/intro 1、创建VUE项目之后进入项目目录运行安装命令： npm i vant

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：41984
    • 提供者：weixin_38613640

  1. 详解vue组件基础

  2. 什么是组件 组件（Component）是对数据和方法的简单封装。web中的组件其实可以看成是页面的一个组成部分，它是一个具有独立的逻辑和功能的界面，同时又能根据规定的接口规则进行相互融和，最终成为一个完整的应用，页面就是由一个个类似这样的组成部分组成的，比如导航、列表、弹窗、下拉菜单等。页面只不过是这样组件的容器，组件自由组合形成功能完整的界面，当不需要某个组件，或者想要替换某个组件时，可以随时进行替换和删除，而不影响整个应用的运行。、前端组件化的核心思想就是将一个巨大复杂的东西拆分成粒度合理

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：80896
    • 提供者：weixin_38584642

  1. 详解在Vue中使用TypeScript的一些思考(实践)

  2. Vue.extend or vue-class-component 使用 Typescr ipt 写 Vue 组件时，有两种推荐形式： Vue.extend()：使用基础 Vue 构造器，创建一个“子类”。此种写法与 Vue 单文件组件标准形式最为接近，唯一不同仅是组件选项需要被包裹在 Vue.extend() 中。 vue-class-component：通常与 vue-property-decorator 一起使用，提供一系列装饰器，能让我们书写类风格的 Vue 组件。 两种形式输出

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：459776
    • 提供者：weixin_38683930

  1. 详解vue路由篇(动态路由、路由嵌套)

  2. 什么是路由？网络原理中，路由指的是根据上一接口的数据包中的IP地址，查询路由表转发到另一个接口，它决定的是一个端到端的网络路径。 web中，路由的概念也是类似，根据URL来将请求分配到指定的一个’端’。(即根据网址找到能处理这个URL的程序或模块) 使用vue.js构建项目，vue.js本身就可以通过组合组件来组成应用程序；当引入vue-router后，我们需要处理的是将组件(components)映射到路由(routes)，然后在需要的地方进行使用渲染。 一、基础路由 1、创建vue项目，执

  3. 所属分类：其它

    • 发布日期：2020-12-08
    • 文件大小：52224
    • 提供者：weixin_38554186

  1. vue-router 路由基础的详解

  2. vue-router 路由基础的详解 今天我总结了一下vue-route基础，vue官方推荐的路由。 一、起步 HTML 简单路由 Go to foo Go to bar // 渲染出口 创建模板（组件）： (也可以用import 引入外部组件) var foo={template:我是fo

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：60416
    • 提供者：weixin_38514620

  1. 详解vue-router 2.0 常用基础知识点之导航钩子

  2. 导航钩子 vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。 全局钩子 const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { // do something next(); }); router.afterEach((to, from, next) => { con

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：37888
    • 提供者：weixin_38544075

  1. 详解如何制作并发布一个vue的组件的npm包

  2. 前提：1.会vue基础，以及vue的组件(官网：https://cn.vuejs.org/v2/guide/components.html)相关的基础。 因为本文主要是讲如何把一个vue组件做成npm包并发布。 分为2大步骤： 一.按照相应格式写我们的vue代码（就如同写一个jquery插件时、有其固定的格式一样）。 二.发布到npm上的流程 一、书写一个vue组件 不用脚手架，我们自己从头开始做起，因为脚手架会附带很多没用的东西。 就做一个最简单的vue组件：就是传入用户名字，页面打印出‘he

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：80896
    • 提供者：weixin_38633083

  1. 详解 vue.js用法和特性

  2. 前  言 最近用Vue.js做了一个数据查询平台，还做了一个拼图游戏，突然深深的感到了vue的强大。 Vue.js是一套构建用户界面(user interface)的渐进式框架。与其他重量级框架不同的是，Vue 从根本上采用最小成本、渐进增量(incrementally adoptable)的设计。Vue 的核心库只专注于视图层，并且很容易与其他第三方库或现有项目集成。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供有力驱动。 Vue.j

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：100352
    • 提供者：weixin_38625708

  1. 详解vue v-model

  2. 1. v-model原理 vue中v-model是一个语法糖，所谓的语法糖就是对其他基础功能的二次封装而产生的功能。简单点说，v-model本身就是父组件对子组件状态以及状态改变事件的封装。其实现原理上分为两个部分： 通过props设置子组件的状态 通过监听子组件发出的事件改变父组件的状态，从而影响子组件的props值 通过以上两个部分，实现了父组件的状态和子组件状态进行了绑定的效果。 1.1 demo v-model使用示例 v-model示例</title

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：58368
    • 提供者：weixin_38686153
« 12 »