![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 91
酱苓的码农之路
这个作者很懒,什么都没留下…
展开
-
SPA项目开发之curd及表单验证
本期内容:1.表单验证2.增删改方法一、表单验证1.定义规则 rules: { title: [{ required: true, message: '请输入文章标题', trigger: 'blur' }, { min: 3, max: 5, mes...原创 2021-11-12 15:08:31 · 104 阅读 · 0 评论 -
SPA项目开发之动态树+数据表格+分页
本期目标:1、动态树功能2、数据列表3、右侧文章的分页查询功能一、树形菜单显示main.js注释//process.env.MOCK && require('@/mock')leftNav.vue //定义一个数组,放所有的一级菜单 menus:[]<!-- index里面填写的是路由跳转路径--> <el-menu-item :key="'id_'+m2.treeNodeId...原创 2021-11-12 10:57:49 · 1094 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
本期目标:1、mock.js模拟响应ajax请求2、通过js代码完成路由的跳转3、前台主界面的搭建4、退出功能5、左侧树收缩功能(vue总线的概念)一.mock.js模拟响应ajax请求1.安装mockjs依赖npm install mockjs -D 只在开发环境使用2.配置开发环境及生产环境引入:为了只在开发环境使用mock, 而打包到生产环境时自动不使用mock, 我们可以...原创 2021-11-10 23:47:18 · 476 阅读 · 0 评论 -
spa项目完成登录注册布局
课程目标spa项目完成登录注册布局 Spa项目完成登录功能 This指针带来的变量污染 ajax跨域问题 axios的get/post的区别(qs)一.spa项目完成登录注册布局第一步:安装开发模块依次输入以下命令//给饿了么ui画界面效果的npm install element-ui -S//前后端数据交互npm install axios -S//axios的get/post的区别(qs)npm instal...原创 2021-11-09 21:16:57 · 653 阅读 · 0 评论 -
使用vue-cli搭建SPA项目
一.本章目标:使用vue-cli来搭建vue项目前提:搭建好NodeJS环境 node -v npm -v1. 什么是vue-clivue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下: vue init webpack xxx 注1:xxx 为自己创建项目的名称 注2:必须先安装vue,vue-cli,webpack,node等一些必要的环境...原创 2021-11-05 01:14:30 · 205 阅读 · 0 评论 -
Vue之路由(SPA开发模式)
一、什么是SPA单页Web应用(single page application,SPA),就是只有一个Web页面的应用, 是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序 单页面应用程序: 只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中 传统多页面应用程序: 对于传统的多页面应用程序来说, 每次请求服务器返回的都是一个完整的页面 优势;...原创 2021-11-02 17:45:41 · 1121 阅读 · 0 评论 -
vue模板语法上
一、插值1、文本{{msg}}<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.10/vue.js"></script> </he...原创 2021-10-29 21:09:22 · 144 阅读 · 0 评论 -
Vue入门
一、Vue介绍1、Vue.js是什么?Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架官网:Vue.jsVue作者:尤雨溪/中国无锡前后端分离 React2、库和框架的区别1.库(Library),本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者 代表:jQuery jQuery这个库的核心:DOM操作,即:封装DOM操作,简化DOM操作2.框架(Framework),是一套完整的解决方案,使用框架的时候,需要...原创 2021-10-29 00:35:53 · 92 阅读 · 0 评论