Vue
weixin_43710113
本人很懒,懒得一天24小时呆在床上敲代码
展开
-
Vue基础语法
Vue基础语法 样式绑定 1.1 class绑定 使用方式:v-bind:class=“expression” expression的类型:字符串、数组、对象 1.2 style绑定 v-bind:style=“expression” expression的类型:字符串、数组、对象 <!DOCTYPE html> <html> <head> <m...原创 2019-08-02 21:23:53 · 101 阅读 · 0 评论 -
Vuex
Vuex vue中各个组件之间传值 父子组件 父组件–>子组件,通过子组件的自定义属性:props 子组件–>父组件,通过自定义事件:this.$emit(‘事件名’,参数1,参数2,…); 非父子组件或父子组件 通过数据总数Bus,this.root.root.root.emit(‘事件名’,参数1,参数2,…) 非父子组件或父子组件 更好的方式是在vue中使用vuex ...原创 2019-08-16 19:49:32 · 87 阅读 · 0 评论 -
SPA项目开发之登录注册
SPA项目开发之登录注册 vue 怎么引入和配置使用 element-ui 框架 1.1 使用 vue-cli 脚手架工具创建一个 vue 项目 vue init webpack pro01 1.2 npm 安装 elementUI cd pro01 # 进入新建项目的根目录 npm install elemen...原创 2019-08-10 20:03:12 · 353 阅读 · 0 评论 -
SPA项目CRUD加表单验证
SPA项目CRUD加表单验证 接上:https://blog.csdn.net/weixin_43710113/article/details/99547816 表单验证 Form组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则, 并将Form-Item的prop属性设置为需校验的字段名即可。 <el-form-item label="活动名称" pro...原创 2019-08-14 19:35:41 · 73 阅读 · 0 评论 -
SPA项目开发之动态树+数据表格+分页
SPA项目开发之动态树+数据表格+分页 动态树 后台数据 t_vue_user t_vue_tree_node t_vue_articles LeftNav.vue <template> <el-menu router :default-active="$route.path" class="el-menu-vertical-demo" background-color="#...原创 2019-08-14 11:05:09 · 106 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
Mock使用 Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。 众所周知Mock.js因为两个重要的特性风靡前端:数据类型丰富,支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。拦截Ajax请求,不需要修改既有代码,就可以拦截Ajax请求,返回模拟的响应数据。 更多内容,可以云Mockjs官方查看“http://mockj...原创 2019-08-13 16:12:42 · 75 阅读 · 0 评论 -
Vue模板语法
Vue模板语法 Vue基础语法(插值、指令、过滤器、计算属性与监听属性) 模板语法 1. 模板语法 ## demo2.hrml 1.1 插值 1.1.1 文本 {{msg}} 1.1.2 html 使用v-html指令用于输出html代码 1.1.3 属性 HTML属性中的值应使用v...原创 2019-08-01 16:59:01 · 201 阅读 · 1 评论 -
nodeJS环境搭建
elementUI ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件 ElementUI官网:http://element-cn.eleme.io/#/zh-CN 注1:类似前端框架还有iview ...原创 2019-08-05 19:44:42 · 128 阅读 · 0 评论 -
使用vue-cli搭建SPA项目
使用vue-cli搭建SPA项目 前提:搭建好NodeJS环境 node -v npm -v 什么是vue-cli? vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下: vue init webpack xxx 注1:xxx 为自己创建项目的名称 注2:必须先安装vue,vue-cli,webpack,node等一些必要的环境 安装vu...原创 2019-08-07 23:58:45 · 93 阅读 · 0 评论 -
Vue路由
Vue路由 SPA是什么 单页Web应用(single page application,SPA),就是只有一个Web页面的应用, 是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序 单页面应用程序: 只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中 传统多页面应用程序: 对于传统的多页面应用程序来说...原创 2019-08-03 12:05:05 · 72 阅读 · 0 评论 -
Vue加elementui实现的分页
Vue加elementui实现的分页 demo vue.min.js /*! * Vue.js v2.4.2 * (c) 2014-2017 Evan You * Released under the MIT License. */ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?mod...原创 2019-09-16 16:22:28 · 1026 阅读 · 0 评论