![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
E往如前
这个作者很懒,什么都没留下…
展开
-
vue模板语法
vue模板语法 样式绑定 1 class绑定 使用方式:v-bind:class=“expression” expression的类型:字符串、数组、对象 2 style绑定 v-bind:style=“expression” expression的类型:字符串、数组、对象 <!DOCTYPE html> <html> <head> <meta ch...原创 2019-08-02 17:45:02 · 98 阅读 · 0 评论 -
Vuex
VuexVuex简介vuex使用步骤vuex的核心概念:store、state、getters、mutations、actionsdemo Vuex简介 官方解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。可以想象为一个“前端数据库”(数据仓库), 让其在各个页面上实现数据的共享包括状态,并且可操作 Vuex分成五个部分: 1.State:单一状态树 2.Getters:状...原创 2019-08-16 19:38:20 · 67 阅读 · 0 评论 -
SPA项目CRUD加表单验证
SPA项目CRUD加表单验证 表单验证 Form组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则, 并将Form-Item的prop属性设置为需校验的字段名即可。 <el-form-item label="活动名称" prop="name"> <el-form :model="ruleForm" :rules="rules" re...原创 2019-08-14 19:50:34 · 91 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
SPA项目开发之首页导航+左侧菜单 Mock.js使用步骤 1.1 安装mockjs依赖 在控制台输入以下代码 npm install mockjs -D #只在开发环境使用 1.2 引入 为了只在开发环境使用mock,而打包到生产环境时自动不使用mock,我们可以在env中做一个配置 (1)dev.env module.exports = me...原创 2019-08-10 11:38:49 · 225 阅读 · 0 评论 -
SPA项目开发之动态树+数据表格+分页
SPA项目开发之动态树+数据表格+分页 工程目录 demo LeftNav.vue <template> <el-menu router :default-active="$route.path" class="el-menu-vertical-demo" background-color="#334157" text-color="#fff" active-text-c...原创 2019-08-13 20:25:59 · 76 阅读 · 0 评论 -
使用vue-cli搭建SPA项目
使用vue-cli搭建SPA项目 安装VUE-CLI npm install -g vue-cli 注 1 :安装成功后,会出现如下文件 d:\ initPath 节点v10.15.3共赢 - 64 node_global VUE vue.cmd VUE-I...原创 2019-08-06 18:51:05 · 85 阅读 · 0 评论 -
nodeJs配置以及elementUI的简单应用
nodeJs配置以及elementUI的简单应用 1. ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件 ElementUI官网:http://element-cn.eleme.io/#/zh-CN 注...原创 2019-08-05 18:40:39 · 172 阅读 · 0 评论 -
vue基本语法
vue基本语法 插值 插值 <div id="app"> <ul> <li> <h3>文本插值</h3> {{msg}} </li> <li> <h3>html指令</h3> <div v-html...原创 2019-08-01 14:13:23 · 161 阅读 · 0 评论 -
vue之路由
vue之路由 1. SPA是什么 单页Web应用(single page application,SPA),就是只有一个Web页面的应用, 是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序 单页面应用程序: 只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中 传统多页面应用程序: 对于传统的多页面应用程...原创 2019-08-03 12:00:42 · 50 阅读 · 0 评论 -
Jwt
Jwt什么是jwtjwt所解决的问题及机制后端代码以及测试部分 什么是jwt JSON Web Token (JWT),它是目前最流行的跨域身份验证解决方案 为什么使用JWT JWT的精髓在于:“去中心化”,数据是保存在客户端的。 JWT的工作原理 是在服务器身份验证之后,将生成一个JSON对象并将其发送回用户,示例如下: {"UserName": "Chongchong","Role"...原创 2019-08-18 08:49:29 · 141 阅读 · 0 评论