Vue
文章平均质量分 61
前端设计诗
WEB后端攻城狮
展开
-
Vue.js进阶学习资料
Vue2.x+Node.js 拼多多商城项目实战链接: https://pan.baidu.com/s/1jJEqgyTVNO1TLD9r-AFW-w提取码: o7si原创 2019-08-07 17:57:40 · 1887 阅读 · 2 评论 -
重启Vue学习之旅:适合起步的Vue-ant-design&&Vuex学习项目
1、基于Vue2.0+ant-design-vue@1.6.4对于有基础的 重新构建后台管理系统应该不难,只是为了熟悉一下Vue的语法2、项目地址我也是在网上找到的代码项目,正在按自己的想法不断重构中源代码地址...原创 2021-04-28 15:34:08 · 616 阅读 · 0 评论 -
Vue+ElementUI实现增删改查(代码)
Vue+ElementUI实现增删改查效果演示地址3.代码页面代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpk...原创 2019-11-08 10:12:10 · 3723 阅读 · 0 评论 -
在vue中使用vuex和sessionStorage登录信息
1、节选sessionStorage 属性允许你访问一个 session Storage 对象。它与 localStorage 相似,不同之处在于 localStorage 里面存储的数据没有过期时间设置,而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。在新标签或窗口打开一个页面时会...原创 2019-11-06 18:26:56 · 1149 阅读 · 1 评论 -
使用LocalStorage记住用户登录信息
1、随着HTML5规范的普及,我们不再用cookie来实现记住密码,通常会用的LocalStorage 及本地缓存。对于Cookie来说它只有一个document.cookie这一个API可以使用,不管是读取Cookie还是存储Cookie你都只能使用它然而LocalStorage,你存储的时候有localStorage.setItem(),你读取的时候有localStorage.get...原创 2019-11-06 17:16:49 · 2942 阅读 · 0 评论 -
YApi-前端先行
1、YApi 部署旨在为开发、产品、测试人员提供更优雅的接口管理服务。可以帮助开发者轻松创建、发布、维护 API。以及自动化生成接口文档。原创 2019-11-06 16:48:05 · 760 阅读 · 0 评论 -
vee-validate一个轻量级的vue 表单验证插件
1.VeeValidatevee-validate 一个轻量级的 vue表单验证插件。2、使用教程 具体步骤请参照官网- 安装npm install vee-validate --save- main.js 添加import Vue from 'vueimport VeeValidate, {Validator} from 'vee-validate';import zh f...原创 2019-11-06 16:00:49 · 481 阅读 · 1 评论 -
vue-cli可视化创建项目流程
1、全局安装vue-cli3.0脚手架工具cnpm install -g @vue/cli 2、启动GUI创建项目向导 vue ui 3、项目创建成功之后来到项目创建结果可视界面 4、在这里界面中通过左侧菜单可以查看项目创建结果目录及文件结构,默认安装了@vue/cli-service,@vue/cli-plugin-babel,@vue/cli-plugin-eslint...原创 2019-11-06 13:48:22 · 862 阅读 · 0 评论 -
Vue中什么是动态组件
让多个组件使用同一个挂载点,并动态切换,这就是动态组件简单的说,动态组件就是将几个组件放在一个挂载点下,这个挂载点就是标签,其需要绑定is属性,属性值为父组件中的变量,变量对应的值为要挂载的组件的组件名,然后根据父组件里某个变量来动态显示哪个,也可以都不显示,如:<template> <div class="home"> <component :i...原创 2019-09-30 10:56:50 · 4904 阅读 · 0 评论 -
分享几个Vue案例供大家一起学习
1、适合学习Vue的同学们的第二个项目,同样来自慕课网,代码同样进行了详细注释。完成后可以算是Vue学习的初级水平。(https://github.com/SD-Gaming/Vue2.0-ShoppingCart-MOOC)2、用了Vue-router,axios 完成后算是初中级水平(https://github.com/SD-Gaming/Vue2.0_CNode.bbs)3、 V...原创 2019-12-23 18:03:52 · 4540 阅读 · 0 评论 -
Vue.js使用Element-ui的路由跳转实例
1、首先进行项目的构建和引入Element-UI,这里不再进行介绍,自行参考官网。2、这是项目结构3、要实现点击跳转,首先你需要在相应的DOM结构加入router ,然后在对应的点击处设置好路径,如图4、然后在router里的index.js设置路由,在这之前你需要在Views中新建这两个组件,import Vue from 'vue'import Router from 'vue-...原创 2019-08-20 18:14:06 · 7815 阅读 · 0 评论 -
使用Mint-UI实现图片的懒加载
1、2、首先在main.js中导入Mint UI// 按需导入 Mint-UI 中的组件 /* import { Header, Swipe, SwipeItem, Button, Lazyload } from 'mint-ui'Vue.component(Header.name, Header)Vue.component(Swipe.name, Swipe)Vue.compon...原创 2019-08-16 18:21:04 · 838 阅读 · 0 评论 -
Vue中使用公共组件(实际案例)
1、首先,在什么情况下我们需要使用公共组件,以案例为例,这里的公共的组件就是不听页面下的相同的头部。2、首先我们先新建一个公共的头部组件,取名为headTop,然后在组件中写入的界面内容。3、在需要引入公共组件的页面导入组件,分别需要在三个地方写代码,头部:脚本:4、就这样就可以引入我们需要的公共组件了...原创 2019-11-07 13:30:44 · 3475 阅读 · 0 评论 -
Vue-cli搭建项目并遇到vue : 无法加载文件 C:\Users\SuperLjf\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。
1、使用脚手架搭建项目 cnpm install -g vue-cli vue init webpack当时使用这条命令的时候,遇到了如下报错解决办法是:以管理员身份运行PowerShell执行:get-ExecutionPolicy,回复Restricted,表示状态是禁止的执行:set-ExecutionPolicy RemoteSigned选择Y注意:一定要以管理员...原创 2019-09-26 11:24:51 · 3582 阅读 · 5 评论 -
关于NPM的常见后缀的意义
##NPM–save、-S参数意思是把模块的版本信息保存到dependencies(生产环境依赖)中,即你的package.json文件的dependencies字段中;–save-dev 、 -D参数意思是把模块版本信息保存到devDependencies(开发环境依赖)中,即你的package.json文件的devDependencies字段中;–save-optional 、 -O参...原创 2019-07-25 09:26:27 · 1399 阅读 · 0 评论