1. watch侦听器wach侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作。例如，监视用户名的变化并发起请求，判断用户名是否可用。1.1 基本语法开发者需要在watch节点下，定义自己的侦听器：export default{
data(){
return { username:'' }
},
watc
......
344
0
0
2022-12-04
1. ref引用1.1 ref引用ref用来辅助开发者在不依赖jQuery的情况下，获取DOM元素或组件的引用。每个vue的组件实例上，都包含一个 refs对象，里面存储着对应的DOM元素或组件的引用。默认情况下，组件的 refs指向一个空对象。<template>
<h3>MyRef组件</h3>
<butto
......
303
0
0
2022-12-04
前面我分享了vue实战027:子组件和父组件之间传值，今天继续分享子组件与父组件之间方法调用，在项目实战中我们经常会遇到组件之间方法调用的情况。Vue同样为我们准备了相关的方法来实现，他们就是$root、$parent、$refs、$children属性，其中$root、$parent是子组件向父组件调用方法，而$refs、$children则是父组件向子组
......
381
0
0
2022-11-10
Laravel Vue组件分割，動態加載组件發現問題在laravel上開發Vue，往往都把組件註冊在app.js上，加載時會一次載入所有組件，造成client side網頁加載時間變長，影響使用者體驗解法動態引入從laravel-mix(4.0.16)起，開始支援動態引入(Dynamic Import)，動態引入就是一種code splitting，可以將單
......
362
0
0
2022-10-04
首先建立一个子组件<template>
<div class="Child">
</div>
</template>
<script lang='ts'>
import { Options, Vue } from 'vue-class-component';
@Opti
......
408
0
0
2022-07-27
<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, max
......
342
0
0
2022-05-03
cube-ui 由滴滴内部组件库精炼而生，旨在让移动端开发更容易，让开发人员更专注于业务逻辑的开发，提升研发效率。继 6 月份开源 Android 端插件化框架 VirtualAPK 后，滴滴近日又开源了第二个项目 —— 基于 Vue.js 实现的移动端组件库 cube-ui 。cube-ui 由滴滴内部组件库精炼而生，旨在让移动端开发更容易，让开发人员更专
......
315
0
0
2022-04-28
广东IT优就业VUE 中各个组件添加标题在微信服务号中嵌套第三方页面，技术选的是vue，因为vue的特性，页面与页面之间是通过路由的改变来请求ajax的，所以，浏览器是不会产生刷新行为的，所以，在“不同的页面”之间添加不同的标题也是一个问题，在网上查阅了些资料后，发现问题确实是可以解决的。主要思路：在网上查阅了很多资料后发现，主要思路是通过路由的改变，在路由
......
332
0
0
2022-04-26
前端时间给大家介绍过Swiper插件，它的用法这里就不一一介绍了，今天主要说说Vuejs2.0中如何使用swiper插件。在这里默认大家已经安装了vue-cli以及明白了Swiper用法。并且有一定vuejs基础。1.下载好swiper相关的js和css，js放在static目录下，css放在assets目录下。2.安装runtime：终端命令：npm in
......
384
0
0
2022-04-21
Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的开发快速成型。由饿了么公司前端团队开源。开源版本持续更新至2.3.2版；设计原则一致性 Consistency与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和
......
325
0
0
2022-04-20
Element这是饿了么前端团队开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库安装方式非常简单，支持npm和cdn直接引入。推荐使用 npm 的方式安装，因为它能更好地和 webpack 打包工具配合使用。如果你使用的是vue-cli@3，那么你可以直接添加相应的 Element 插件，你可以用它们快速地搭建一个基于 Elem
......
441
0
0
2022-04-18
无论是开发新手还是经验丰富的老手，我们都喜欢开源软件包。对于开发者来说，如果没有这些开源软件包，很难想象我们的生活会变得多么疲惫不堪，而且靠咖啡度日也会成为家常便饭。所幸的是，随着 Vue.js 和 Nuxt.js 社区的不断壮大，每天都会出现一些很好的软件包。在下文中，我们将推荐一些非常好用的 Vue 和 Nuxt 软件包。Vue.jsVue.js 是一个
......
396
0
0
2022-04-15
1、cube-uicube-ui 是基于 Vue.js 实现的精致移动端组件库。质量可靠：由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。体验极致：以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。标准规范：遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单
......
312
0
0
2022-04-11
今天要说的这个组件库是京东自研的vue ui组件库：NutUI，目前最新的版本是2.2.0，有近50个组件项目地址：https://nutui.jd.com/NutUI是一套京东风格的移动端Vue组件库，开发和服务于移动Web界面的企业级前中后台产品。特性30+ 京东移动端项目正在使用基于京东APP 7.0 视觉规范支持按需加载详尽的文档和示例支持定制主题支
......
428
0
0
2022-04-10
文件选择元素是web上最难看的 input 类型之一。它们在每个浏览器中实现的方式不同，而且通常非常难看。这里有一个解决办法，就是把它封装成一个组件。安装如果你尚未设置项目，可以使用vue-cli的webpack-simple模板启动一个新项目。组件模板和样式该组件主要做的就是将input type=”file”元素包装在标签中，并在其中显示其他内容，这种思
......
332
0
0
2022-04-09