前端技术
关注
分享
扫一扫
VUE+LayUI
Java技术堆
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
axios详细使用
文章目录axios的简单使用axios的简单使用# post请求需要qs进行序列化import qs from 'qs'Vue.use(qs)import axios from 'axios'axios.defaults.baseURL = 'http://192.168.43.30:80';axios.defaults.withCredentials=true;# 将axios加...原创 2020-02-04 18:13:29 · 301 阅读 · 0 评论 -
Es6中的Promise
文章目录异步方法调用异步方法提高版用异步方法同步读取三个文件同级方法不能保证顺序，使用异步回调嵌套保证同步———回调地狱使用ES6中的Promise来解决回调地狱问题——解决回调地狱问题每当new一个Promise实例，就会立即执行这个异步操作中的代码使用方法封装这个Promise，实现：调用它就会立即执行的效果promise实现回调函数通过.then方法为Promise预先指定成功失败方法使用P...原创 2020-01-07 08:29:39 · 165 阅读 · 0 评论 -
vue制作移动应用
文章目录使用MUI-相当于BootStrap用命令行方式将 修改后的代码 上传到码云制作首页APP组件使用MUI-相当于BootStrapgithub下载，将dist目录放到自己项目的lib目录导入MUI的样式表import './lib/mui/css/mui.min.css'用命令行方式将 修改后的代码 上传到码云git add .git commit -m “提交信息”...原创 2020-01-06 23:32:05 · 1380 阅读 · 0 评论 -
vue项目拆坑
created(){//添加class样式后，不能起作用},// 最早操作dom元素的时机在mounted钩子函数中动态添加的表格行,样式无法正常显示解决：去掉原创 2020-01-28 10:07:06 · 313 阅读 · 0 评论 -
WebPack引入Vue.js
文章目录页面引用vue.js的webpack引入vue.js安装vue相关包创建vue实例，并控制某div区域定义vue组件/文件导入vue组件vue实例渲染该组件暴露成员方式webpack引入vue-router平级路由子路由抽离路由模块webpack的vue使用css页面引用vue.js的script标签引入vue.js创建vue实例管理某div容器创建vue组件进行业务逻辑开发...原创 2020-01-06 00:11:55 · 841 阅读 · 0 评论 -
Vue路由深入理解+监听数据变化
文章目录路由定义(改变了组件的创建方式)路由向组件传参路由嵌套路由定义(改变了组件的创建方式)定义模板对象#注册登陆组件var login={ template:"<h3>登陆组件</h3>"};#注册注册组件var register={ template:"<h3>注册组件</h3>"}定义路由对象&...原创 2020-01-05 18:25:02 · 363 阅读 · 0 评论 -
Vue组件的深入理解
文章目录vue的组件的创建模板对象的方式模板属性的方式(推介使用)私有属性的方式组件切换子组件使用父组件的数据子组件使用父组件的方法vue的组件的创建模板对象的方式声明组件# 还有一种方法，因为容易混淆，就不再赘述Vue.component('assemble02',{ template:"<h1>这是vue组件第二创建方式</h1>"...原创 2020-01-05 16:34:11 · 341 阅读 · 0 评论 -
Vue样式与动画
文章目录过渡类名实现动画—transition过渡类名实现动画—transition进入：两个时间点：v-enter v-enter-to一个时间段：v-enter-active离开：两个时间点：v-leave v-leave-to一个时间段：v-leave-active...原创 2019-12-28 11:16:45 · 149 阅读 · 0 评论 -
Vue中过滤器和自定义指令
文章目录Vue特点Vue过滤器作用：常见文本的格式化位置：插值表达式，v-bind表达式私有过滤器：只有当前vm能够使用全局过滤器：Vue.filter('filterName',function(){ })调用方法：通过管道符调用Vue自定义指令不加参数指令带参数指令Vue特点Vue.js 使用了基于 HTML 的模板语法允许开发者声明式地将 DOM 绑定至Vue 实例数据Vue 将模...原创 2019-12-26 18:46:15 · 595 阅读 · 0 评论 -
Vue中使用样式02
文章目录内敛样式外联样式传递数组(绑定)传递对象(绑定)三元表达式对象形式(代替三元表达式)内敛样式1. 元素上使用 :style="{}"2. 元素上使用 :style="[obj1,obj2]"3. 样式对象定义到data中 :style="obj"外联样式<h1> class="red thin">这是一个很大很大的H1</h1>....原创 2019-12-25 23:30:11 · 112 阅读 · 0 评论 -
VUE指令详解01
文章目录Bootstrap与Vue的区别VUE基本概念基本语法插值表达式{{ }} 属性v-text=" "的区别Vue指令单向绑定变量(model—>view)双向绑定变量(model<—>view)绑定事件逻辑控制Bootstrap与Vue的区别Vue+Anjular+React合称前端三大主流框架Bootstrap是一个css库，Vue是一个js库Boots...原创 2019-12-25 22:11:44 · 373 阅读 · 1 评论 -
WebPack引入LayUI.js
文章目录安装layuijar包修改package.json文件入口main.js直接引入Debug安装layuijar包npm install layui-src 修改package.json文件node_modules/layui-src/package.json: "main": "src/layui.all.js"入口main.js直接引入import 'layui-src'...原创 2019-12-25 15:36:58 · 3175 阅读 · 0 评论 -
VSCode构建WebPack项目
文章目录什么是LayUI什么是VSCode什么是WebPackGulp和webpack区别VSCode构建普通项目步骤--待测试VSCode构建WebPack项目步骤1. 新建空文件夹2. VSCode打开相应文件夹3. webpack初始化4. 配置出入口文件，并自动打包4.1安装webpack-dev-server实现自动打包编译4.2创建main.js入口文件(webpack只认js文件)5...原创 2019-12-25 15:31:45 · 2278 阅读 · 0 评论 -
Layui数据表格显示无数据提示问题
网上了解：开启了字段排序功能，删除排序功能代码就能正常显示 无数据 提示文本了但是查找了一波，我的项目里并没有进行排序最终解决方案：删除上图 text: '对不起，加载出现异常！'...原创 2019-11-20 10:39:20 · 4511 阅读 · 0 评论