![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
java男播完
高级混凝土移动专业顾问和教授
展开
-
vue-spa项目实现tab页
思路:在vuex 中定义4个变量options : [], // 存放tab页对象的容器 (路由路径以及tab页的名字)activeIndex : ‘’ , // 被激活的tab页路由路径showName : ‘show’, // tab 页的名字role : ‘’ , //是用来区分是否因左侧菜单被点击造成的路由路径方生变化 是 : pass ;不是 ...原创 2019-11-29 16:54:16 · 344 阅读 · 0 评论 -
SVN
SVN安装与使用SVN的用处:1、代码整合的问题2、团队项目,在不使用版本控制器的时候,代码改动很难追责3、组员所写代码丢失问题这是我安装的版本:步骤2、在repositories右键创建仓库3、在users上可以创建用户,可以访问对应的仓库4、点击“test”右键,可以查看到仓库地址5、粘贴该地址,在浏览器可访问,配置过的用户才可以访问Eclipse集成svn把...原创 2019-10-13 21:26:44 · 137 阅读 · 0 评论 -
JWT
JWT简介1. JWT是什么JSON Web Token (JWT),它是目前最流行的跨域身份验证解决方案2. 为什么使用JWTJWT的精髓在于:“去中心化”,数据是保存在客户端的。3. JWT的工作原理是在服务器身份验证之后,将生成一个JSON对象并将其发送回用户,示例如下:{"UserName": "Chongchong","Role": "Admin","Expire": ...原创 2019-10-11 23:56:28 · 329 阅读 · 0 评论 -
Vuex
1、 vue中各个组件之间传值1.父子组件父组件–>子组件,通过子组件的自定义属性:props子组件–>父组件,通过自定义事件:this.$emit(‘事件名’,参数1,参数2,…);2.非父子组件或父子组件通过数据总数Bus,this.root.root.root.emit(‘事件名’,参数1,参数2,…)3.非父子组件或父子组件更好的方式是在vue中使用vuex方法...原创 2019-10-10 11:49:03 · 119 阅读 · 0 评论 -
SPA项目开发之CRUD+表单验证
SPA项目开发之CRUD+表单验证和上一篇博客连在一起的:spa动态树和数据表格1、表单验证我这里用到是Dialog嵌套表单在Articles.vue 中改动,<!-- 搜索 --> <el-form :inline="true" :model="formInline" class="user-search"> <el-form-item labe...原创 2019-09-30 15:24:23 · 178 阅读 · 0 评论 -
SPA动态数加数据表格
SPA动态树加数据表格在上一偏代码中进行改造SPA项目开发之首页导航+左侧菜单需要准备好后台(左侧树,带分页的文章查询)1.动态树后台传来的json数据{"result":[{"treeNodeId":1,"treeNodeName":"系统管理","treeNodeType":1,"url":null,"position":1,"icon":"el-icon-setting","chi...原创 2019-09-29 19:18:20 · 338 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
1、mock.js模拟响应ajax请求Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。安装mockjs依赖 npm install mockjs -D #只在开发环境使用引入为了只在开发环境使用mock,而打包到生产环境时自动不使用mock,我们可以在env中做一个配置(1) dev.e...原创 2019-09-28 09:56:31 · 223 阅读 · 0 评论 -
SPA项目开发之登录注册
SPA项目开发之登录注册1、spa项目完成登录注册布局和功能安装开发模块界面显示需要导入element-UI的库 npm i element-ui -Snpm install axios -Snpm install qs -Snpm install vue-axios -S后台处理跨域CorsFilter.javapackage com.hyf.base.util;impor...原创 2019-09-27 01:47:01 · 144 阅读 · 0 评论 -
使用vue-cli来搭建vue项目
使用vue-cli来搭建vue项目需要搭建 NodeJs环境什么是vue-cli?vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下:vue init webpack xxx注1:xxx 为自己创建项目的名称注2:必须先安装vue,vue-cli,webpack,node等一些必要的环境安装vue -cli在 cmd 中输入下...原创 2019-09-25 16:49:33 · 439 阅读 · 0 评论 -
ElementUI 入门和NOdeJs 环境配置
ElementUI简介我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据 等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网:http://element-cn.eleme.io/#/zh-CNVue+ElementUI安装CDN方式 ...原创 2019-09-20 13:56:55 · 171 阅读 · 0 评论 -
Vue 路由
SPA是什么单页Web应用(single page application,SPA),就是只有一个Web页面的应用,是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序:只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中传统多页面应用程序:对于传统的多页面应用程序来说, 每次请求服务...原创 2019-09-19 21:14:01 · 475 阅读 · 0 评论 -
Vue 语法模板(2)
样式绑定class绑定 使用方式:v-bind:class=“xxxx”; xxx的类型:字符串、数组、对象style绑定 v-bind:style=“xxx” xxx的类型:字符串、数组、对象事件处理器 (事件监听可以使用v-on 指令)事件修饰符Vue通过由点(.)表示的指令后缀来调用修饰符,.stop.prevent.capture.self.once ...原创 2019-09-19 09:37:31 · 183 阅读 · 0 评论 -
Vue 模板语法
模板语法1. 插值文本{{msg}}html使用v-html指令用于输出html代码属性HTML属性中的值应使用v-bind指令表达式Vue提供了完全的JavaScript表达式支持{{str.substr(0,6).toUpperCase()}}{{ number + 1 }}{{ ok ? ‘YES’ : ‘NO’ }}< li v-bind:id="‘lis...原创 2019-09-18 11:56:33 · 199 阅读 · 0 评论 -
vue 简单入门
Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架2.库和框架的区别库(Library),本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者代表:jQueryjQuery这个库的核心:DOM操作,即:封装DOM操作,简化DOM操作框架(Framework),是一套完整的解决方案,使用框架的时候,需要把你的代码放到框架合适的地方,框...原创 2019-09-15 11:56:22 · 238 阅读 · 0 评论