vue
Argent_
闲看天际云,淡若银河水。
展开
-
在vue中使用flexible响应式布局——默认html字体大小(font-size)是54px的问题
rem响应式布局中,最著名的就是淘宝出品的flexible,马上到新公司,听经理说会有大屏幕展示,所以周末研究一下。先使用命令创建一个vue项目vue init webpack 项目名称 安装flexiblenpm install lib-flexible --savevscode中,安装cssrem插件,在样式输入px为单位的数值时,提示信息中就有计算好的rem属性,非常方便。但...转载 2019-10-29 11:46:55 · 2564 阅读 · 0 评论 -
vue项目可视化管理(vue ui)实现移动端适配px2rem
搭建项目可以参考vue UI 告别webpack配置,这里就不多说明了。下面说明项目搭建成功后的适配方案:一、项目中引入lib-flexible项目中安装lib-flexible在项目的入口main.js文件中引入lib-flexibleimport 'lib-flexible/flexible'二、使用postcss-px2rem自动将css中的px转换成rem安装po...原创 2019-10-29 11:34:49 · 653 阅读 · 0 评论 -
vue-cli3的eslint配置问题
参考博文vue-cli下ESlint 配置说明 原创:来自星星的马ESLint在Vue中的使用详解 原创:老哥二娃vue-cli3的eslint配置问题原创 2019-10-24 14:49:12 · 177 阅读 · 0 评论 -
Vue2.0 $set()的正确使用方式
参考地址:Vue2.0 $set()的正确使用方式原创 2019-09-27 14:33:58 · 107 阅读 · 0 评论 -
Vue + elementUI请求数据和分页
参考:简单的VUE+elementUI请求数据和分页<!-- 内容区域 --><el-main id="main" class="main"> <Breadcrumb></Breadcrumb> <!-- 表格 --> <div class="table"> <el-table :data="t...原创 2019-09-10 11:19:13 · 990 阅读 · 0 评论 -
Vue的生命周期
<div id="app"> {{count}} <p><button @click="add">ADD</button></p> </div> <p><button onclick="app.$destroy()">销毁</button&...原创 2019-09-09 10:48:34 · 109 阅读 · 0 评论 -
Vue关于Element-ui中Form表单验证
案例如下:<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"...原创 2019-09-03 15:52:31 · 303 阅读 · 0 评论 -
电商管理后台Vue实例
一、安装Mysql二、安装navicatNavicat 是一套快速、可靠并价格相宜的 数据库管理工具,专为简化数据库的管理及降低系统管理成本而设。它的设计符合数据库管理员、开发人员及中小企业的需要。Navicat 是以直觉化的图形用户界面而建的,让你可以以安全并且简单的方式创建、组织、访问并共用信息。三、安装PostmanPostman 是一款能模拟http请求的工具软件,支持ge...原创 2019-08-27 17:47:19 · 1234 阅读 · 1 评论 -
【vue】内置组件 -slot讲解
slot 是标签的内容扩展,也就是说你用slot 就可以在自定义组件时传递给组件内容,组件接收内容并输出。先来定义一个组件,这个组件用来显示博主的一些信息。我们在Vue构造器里的data 中给出信息,信息如下:(博客地址,网名,使用技能)data:{ jspangData:{ bolgUrl:'http://jspang.com', netName...转载 2019-08-16 11:34:02 · 159 阅读 · 0 评论 -
【vue】component 初识组件
前言:component组件是Vue学习的重点中的重点。其实组件就是制作自定义的标签,这些标签在HTML中是没有的。参考:http://jspang.com/posts/2017/02/24/vue2-2.html一、全局化注册组件全局化就是在构造器的外部用Vue.component来注册。我们在JavaScript里注册了一个组件,在HTML中调用了它。并且它可以放到多个构造器的作用...原创 2019-08-14 17:40:46 · 148 阅读 · 0 评论 -
vue入门
全局安装脚手架工具vue-cli,命令如下:npm install vuevue -v 出现 bash:vue: command not found,表示vue还没有安装成功,需要安装脚手架vue-cli安装脚手架vue-cli: npm install -g @vue/cli检查是否安装成功:vue -v直接使用命令启动图形界面:vue ui...原创 2019-08-09 17:51:14 · 191 阅读 · 0 评论 -
【vue】挂载点,模板与实例
挂载点,模板与实例之间的关系vue实例仅处理挂载点里面的内容(dom节点),挂载点内部的为模板。vue实例 代码片. <!-- vue仅处理挂载点里面的内容(dom节点),挂载点内部的为模板。 --> <!-- 挂载点:指的是Vue实例里面的el属性对应的id所对应的dom节点 --> <!-- 模板:指的是挂载点内部的内容,可以写在挂载点内部,也可以...原创 2019-04-24 11:57:05 · 431 阅读 · 0 评论