上一页 1 ··· 8 9 10 11 12 13 14 15 16 ··· 27 下一页
摘要: 转自:https://www.cnblogs.com/zdz8207/p/vue-ui-framework.html 16款优秀的Vue UI组件库推荐 Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。在公司的Web前端项目开发 阅读全文
posted @ 2020-02-12 18:00 风间悠香 阅读(378) 评论(0) 推荐(0) 编辑
摘要: 一、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 阅读全文
posted @ 2020-02-12 16:40 风间悠香 阅读(630) 评论(0) 推荐(0) 编辑
摘要: 一、安装vue-cli脚手架 官方文档:https://cli.vuejs.org/zh/guide/cli-service.html Vue CLI 的包名称由 vue-cli改成了 @vue/cli 。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm 阅读全文
posted @ 2020-02-11 17:49 风间悠香 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 一、模块化 1.什么是模块化 模块化就是把系统分离成独立功能的方法,这样我们需要什么功能,就加载什么功能 每个模块都是独立的,良好设计的模块会尽量与外部的代码撇清关系,以便于独立对其进行改进和维护 可以重复利用,而不用经常复制自己之前写过的代码 python语言就是模块化的,每个py文件就是一个模块 阅读全文
posted @ 2020-02-09 01:10 风间悠香 阅读(1014) 评论(0) 推荐(0) 编辑
摘要: 一、v-router插件 1.v-router插件介绍 v-router是vue的一个核心插件,vue+vue-router主要用来做SPA(单页面应用)的。 什么是SPA:就是在一个页面中,有多个页签,我们选择页签显示不同的内容,但页面不跳转。 例如: 在网易云音乐的主页中,发现音乐、我的音乐、朋 阅读全文
posted @ 2020-02-07 23:40 风间悠香 阅读(873) 评论(0) 推荐(0) 编辑
摘要: 一、过滤器 过滤器分为局部过滤器和全局过滤器。 1.局部过滤器 <body> <div id="app"> </div> <script src="./static/vue.js"></script> <script> // 定义App let App = { data() { return { m 阅读全文
posted @ 2020-02-07 19:43 风间悠香 阅读(439) 评论(0) 推荐(0) 编辑
摘要: 一、组件 1.组件概念 我们将一个页面看成一个最大的组件(app),这个组件里面又由多个子组件构成。这样形成一颗组件树。如上图所示; 例如,你可能会有页头、侧边栏、内容区等组件,每个组件又包含了其它的像导航链接、博文之类的组件。 为了能在模板中使用,这些组件必须先注册以便 Vue 能够识别。 这里有 阅读全文
posted @ 2020-02-06 21:20 风间悠香 阅读(945) 评论(0) 推荐(0) 编辑
摘要: 转自:https://www.vue-js.com/topic/5b9699fccd6b2d5e4fd9e53e UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 阅读全文
posted @ 2020-02-06 21:12 风间悠香 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 一、计算属性 当我们使用模板语言的时候,模板语言中可能会使用逻辑语句(函数调用等),如果业务比较复杂,我们的计算语句也会比较复杂,例如: <div id="example"> {{ message.split('').reverse().join('') }} </div> 如上所示,在模板语言中计 阅读全文
posted @ 2020-02-04 21:58 风间悠香 阅读(1253) 评论(0) 推荐(0) 编辑
摘要: 一、vue实现简单轮播图 1.vue实现点击轮播图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Carousel</title> </head> <body> <div id="app"> <img : 阅读全文
posted @ 2020-02-03 15:44 风间悠香 阅读(709) 评论(0) 推荐(0) 编辑
上一页 1 ··· 8 9 10 11 12 13 14 15 16 ··· 27 下一页