1. 云栖社区>
  2. 全部标签>
  3. #vue#
vue

#vue#

已有1人关注此标签

内容分类:
博客 | 问答 | 视频 | 资料 |

简述下Vue组件化封装过程?

概念 组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想,几乎任意类型的应用界面都可以抽象为一个组件树: !!! 熟记 : 页面中可复用的结构、样式和功能,抽离成一个文件; 特点: 为了便于 组织和管理代码 , 便于维护和扩展维护 组件化和模块化的不同: 模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一 组件化:是从UI界面的角度进行划分的前端的组件化方便组件的重用; 全局组件 这些组件是全局注册的。

javascript 组件 vue

axios实现RESTful请求规范

GET:获取数据后端将参数当做url 参数 接收 this.axios.get('/url/user', { params: { "name": "kevin", "password": "123456" } }) .

Json js ADD url PUT charset update vue axios

前端开发:Vue封装一个公用的的Submit方法

最近新学Vue,后台开发中经常用到提交,索性把提交功能给做成全局方法,下面为封装的代码。 //封装默认提交方法 Vue.prototype.mySubmit = function (options) { var that = this; //避免this指向被改变 var url = options.

js url 前端开发 type prototype vue

Sublime Text3 支持Vue语法高亮显示

Sublime Text3 支持Vue语法高亮显示 下载 github 项目地址:https://github.com/vuejs/vue-syntax-highlight 安装 1 进入sublime,选择菜单项 “Preferences->Browse Packages.

cdn github Sublime vue

vue中使用refs定位dom的坑

使用element-ui的表单验证,出现"this.$refs.ruleForm.validate is not a function"使用mint-ui的popup,在mounted(){}钩子里面使用this.

vue

vue项目开发markdown编辑器

使用mavon-editor编辑器 安装 npm install mavon-editor --save 在main.js中引入 全局引入 import mavonEditor form 'mavon-editor' import 'mavon-editor/dist/css/index.

css pos 项目开发 url form markdown index file editor vue

前端常见Vue面试题(新)

今天我们来说说常见的**vue面试题**,其实这个技术已经出现了几年时间,每个城市的问法也都八九不离十,因为vue也就那么些技术,问不出什么太新鲜的东西。目前vue3.0兴起,可能会有一些面试官顶多问下与2.0的区别,那么今天我们就简单说说关于vue的一些面试题。

配置 HASH 面试题 前端开发 vue Vuex vue3.0 vue面试题 前端面试题

vue-cli3 之【框架搭建】教程

同学们好,今天我们简单说一下vue.js 3.0的框架搭建方法。 或许有的同学还不知道vue3.0与之前的版本有了哪些改动,可以查查相关资料。主要改动是优化了节点,减少了无谓的遍历,优化速度提升了6倍! 那么vue-cli3.0框架与之前又有了一些变化,我们简单说几个: 1、名字改了,以前叫vue-cli,现在叫@vue/cli。

前端与交互设计 配置 js Image API vue 前端框架 axios vue框架搭建 vue-cli3.0框架搭建 vue-cli3.0 vue-cli3 vue3.0

vue之<router-link>标签

今天详细说一下vue中router-link,小白耐心看完 vue是目前大部分前端的首选技术框架,原因是封装的功能完善,上手简单,性能良好,主要不用有复杂的DOM操作。目前有很多移动端也是用vue框架,有如下效果。

深度学习 前端与交互设计 html5 path 前端 Image vue router-link

VueX 的使用详解,小白一定要看!

今天主要解决: 1. 什么是vuex?2. 为什么要用到vuex?3. 怎么用? 文字比较多,不要嫌繁琐,跟这练习一遍就会了,博主可是一个字一个字写上的。 我们都知道,在做项目时,页面与页面之间要用到传值和通信,都清楚父子通信,兄弟间通信等等。

深度学习 前端与交互设计 html5 前端 同步 Commit Store vue Vuex State mutations

element-ui表单验证使用

element-ui的表单验证主要分三部分: validate options rules 最常用的是rules. 定义rule可以有三种形式: 函数: { name(rule, value, callback, source, options) {} } 对象: { name: { typ.

函数 string type 数据类型 数组 vue element-ui

【vue】项目启动命令的配置与切换

使用vue-cli创建的vue项目,3.0以前的都是npm run serve但是3.0以后默认的命令是npm run dev 虽然他们的本质对应的都是 vue-cli-service serve命令 但是run serve和run dev不统一还是令人很不愉快的。

架构 Json 模块 配置 js node vue

vue项目基本脚手架

vue项目基本脚手架,包含,vue-router路由,axios请求代理,全局配置文件,路由守卫,http拦截器,vuex状态管理工具。拿来即用的项目基本配置 每次创建项目都要进行一大堆的各种配置。终于抽空把一些基本的配置进行了打包,下载克隆就可以直接开发了。

函数 path 配置 js login cookie vue 脚手架

解决vue中使用echarts,大量数据缩放卡顿的问题

问题 在echarts官网的demo中,k线图的缩放是很流畅的,但是在项目中实现之后,缩放时分的卡,有时间根本缩放不动 最开始想的是可能是数据量太大了,然后将api返回的数据进行了打印,发现数据不到300条,所以和数据量没有关系。

echarts demo vue

智能化运维平台部署(gunicorn+nginx+gevent+supervisor部署flask+vue)

目前智能化运维平台已完成第一版,架构采用基于VUE的大前端架构iview和基于python语言的后端架构flask。通过gunicorn+gevent+supervisor+nginx进行部署,现将部署思路、步骤、过程踩的坑和解决方案记录下来与大家分享,欢迎大家批评指正!

nginx 系统研发与运维 linux python 服务器 Oracle LOG supervisor 自动化运维 flask gevent vue 智能化 Gunicorn iView

vue项目开发中,子组件使用样式隔离之后,解决父组件无法修改子组件的样式

Scoped CSS 当 <style scoped> .example { color: red; } </style> <template> <div class="example">hi</div> </template> 转换结果: <style> .

css 布局 项目开发 class vue

6
GO