随笔分类 - [前端]
摘要：一、vue-video-player 1.安装 cnpm install vue-video-player -S cnpm install 'video.js' -S 2.导入使用 在main.js中导入： import VueVideoPlayer from 'vue-video-player';
阅读全文
摘要：一、使用icomoon 1.生成和下载图标相关文件 先使用icomoon获取我们要使用的图标，例如播放、暂停、停止、全屏等图标。 icomoon网站：https://icomoon.io/app/#/select 在其中选择我们需要的图标： 然后点击右下角的 "Generate Font"： 将我们
阅读全文
摘要：转自：https://www.cnblogs.com/zdz8207/p/vue-ui-framework.html 16款优秀的Vue UI组件库推荐 Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发
阅读全文
摘要：一、element-ui的使用 官方网页：https://element.eleme.cn/#/zh-CN 1.安装element-ui (venv) D:\pycharm_workspace\vue_learn\leeoo>cnpm i element-ui -S √ Installed 1 pa
阅读全文
摘要：一、安装vue-cli脚手架 官方文档：https://cli.vuejs.org/zh/guide/cli-service.html Vue CLI 的包名称由 vue-cli改成了 @vue/cli 。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm
阅读全文
摘要：一、模块化 1.什么是模块化 模块化就是把系统分离成独立功能的方法，这样我们需要什么功能，就加载什么功能 每个模块都是独立的，良好设计的模块会尽量与外部的代码撇清关系，以便于独立对其进行改进和维护 可以重复利用，而不用经常复制自己之前写过的代码 python语言就是模块化的，每个py文件就是一个模块
阅读全文
摘要：一、v-router插件 1.v-router插件介绍 v-router是vue的一个核心插件，vue+vue-router主要用来做SPA（单页面应用）的。 什么是SPA：就是在一个页面中，有多个页签，我们选择页签显示不同的内容，但页面不跳转。 例如： 在网易云音乐的主页中，发现音乐、我的音乐、朋
阅读全文
摘要：一、过滤器 过滤器分为局部过滤器和全局过滤器。 1.局部过滤器 <body> <div id="app"> </div> <script src="./static/vue.js"></script> <script> // 定义App let App = { data() { return { m
阅读全文
摘要：一、组件 1.组件概念 我们将一个页面看成一个最大的组件（app），这个组件里面又由多个子组件构成。这样形成一颗组件树。如上图所示； 例如，你可能会有页头、侧边栏、内容区等组件，每个组件又包含了其它的像导航链接、博文之类的组件。 为了能在模板中使用，这些组件必须先注册以便 Vue 能够识别。 这里有
阅读全文
摘要：转自：https://www.vue-js.com/topic/5b9699fccd6b2d5e4fd9e53e UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs
阅读全文
摘要：一、计算属性 当我们使用模板语言的时候，模板语言中可能会使用逻辑语句（函数调用等），如果业务比较复杂，我们的计算语句也会比较复杂，例如： <div id="example"> {{ message.split('').reverse().join('') }} </div> 如上所示，在模板语言中计
阅读全文
摘要：一、vue实现简单轮播图 1.vue实现点击轮播图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Carousel</title> </head> <body> <div id="app"> <img :
阅读全文
摘要：vue官方网站：https://cn.vuejs.org/v2/guide/# 一、vue.js介绍 1.MVVM vue的核心是数据驱动视图，vue主要负责视图部分。 设计模式：MVVM Model-View-ViewModel。 2.导入vue.js 使用CDN： <!-- 开发环境版本，包含了
阅读全文
摘要：ES6（JS）在线编辑器：https://www.runoob.com/try/try.php?filename=tryjs_hoisting4 一、ES6语法 1.let 局部作用域 { let x = 5; } console.log(x) let定义的变量x的作用域在大括号范围内，所以在括号外
阅读全文
浙公网安备 33010602011771号