![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
北沐辰,
没有动态,证明在好好生活
展开
-
Vuex
文章目录Vuex介绍vue中各个组件之间传值vuex使用步骤Vuex同步取值Vuex异步加载Vuex介绍Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。可以想象为一个“前端数据库”(数据仓库), 让其在各个页面上实现数据的共享包括状态,并且可操作Vuex分成五个部分:1.State:单一状态树2.Getters:状态获取3.Mutations:触发同步事件4.Actions:提交mutation,可以包含异步操作5.Module:将vuex进行分模块vue中各个组件之间传原创 2020-08-30 14:59:21 · 78 阅读 · 0 评论 -
SPA项目开发之CRUD+表单验证
文章目录表单验证CRUD表单验证Form组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将Form-Item的prop属性设置为需校验的字段名即可编辑窗体: <el-dialog :title="title" :visible.sync="editFormVisible" width="30%" @before-close="closeDialog"> <el-form label-width="120px" :model="editForm"原创 2020-08-30 11:22:31 · 90 阅读 · 0 评论 -
SPA项目开发之动态树+数据表格+分页
要实现路由跳转,先要在el-menu标签上添加router属性,然后只要在每个el-menu-item标签内 的index属性设置一下url即可实现点击el-menu-item实现路由跳转。导航当前项,在el-menu标签中绑定 :default-active="$route.path",注意是绑定属性, 不要忘了加“:”,当$route.path等于el-menu-item标签中的index属性值时则该item为当前项。后台t_tree_node表有几个节点的url为空,则会导致几个节点样式会一致原创 2020-08-30 10:45:24 · 75 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
文章目录Mock.js首页导航+左侧菜单Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。 众所周知Mock.js因为两个重要的特性风靡前端: 1、数据类型丰富:支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。 2、拦截Ajax请求:原创 2020-08-30 09:20:43 · 65 阅读 · 0 评论 -
SPA项目开发之登录注册
文章目录安装开发模块Vue+ElementUI设计登陆页面安装开发模块打开cmd执行以下指令:npm install element-ui -S 组件库npm install axios -S 客户端跨域jsnpm install qs -S 解决post提交问题npm install vue-axios -S axios集成封装到Vue.js注1:–S 就是说–save运行完成之后可在package.json中查看:引入main.js配置// The Vue build versi原创 2020-08-23 10:48:41 · 878 阅读 · 0 评论 -
使用vue-cli搭建SPA项目
文章目录什么是vue-cli?安装vue-cli使用脚手架vue-cli(2.X版)来构建项目SPA嵌套路由案例什么是vue-cli?vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板安装vue-cli打开cmd ,执行以下代码:npm install -g vue-cli npm install -g webpack安装完成后,node.js里会出现如下文件:注1:安装完成之后打开命令窗口并输入 vue -V(注意这里是大写的“V”)原创 2020-08-23 01:04:39 · 90 阅读 · 0 评论 -
vue之路由
文章目录SPA是什么SPA实现思路和技术点通过vue的路由可实现多视图的单页Web应用(基于html的SPA)router-link相关属性SPA是什么 单页Web应用(single page application,SPA),就是只有一个Web页面的应用, 是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序 :  原创 2020-08-15 20:27:07 · 74 阅读 · 0 评论 -
vue基础语法(二)
文章目录1. 样式绑定2. 事件处理器3. vue表单4. 自定义指令5. vue组件6. 自定义事件1. 样式绑定1.1 class绑定 使用方式:v-bind:class="expression" expression的类型:字符串、数组、对象1.2 style绑定 v-bind:style="expression" expression的类型:字符串、数组、对象2. 事件处理器3. vue表单4. 自定义指令5. vue组件6. 自定义事件...原创 2020-08-15 18:47:07 · 88 阅读 · 0 评论 -
vue基础语法
文章目录模板语法1、插值2、指令模板语法1、插值1.1 文本 {{msg}}1.2 html 使用v-html指令用于输出html代码1.3 属性 HTML属性中的值应使用v-bind指令1.4 表达式 Vue提供了完全的Ja原创 2020-08-12 16:29:24 · 74 阅读 · 0 评论 -
Vue入门
文章目录1、Vue.js是什么2、库和框架的区别2.1、 库(Library)2.2、框架(Framework)3、什么是CDN加速?4、MVVM的介绍1、Vue.js是什么Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架 官网:https://cn.vuejs.org/ Vue作者:尤雨溪/中国无锡2、库和框架的区别2.1、 库(Library)本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者代表:jQuery原创 2020-08-11 14:48:05 · 112 阅读 · 0 评论