vue
关注
分享
扫一扫
文章平均质量分 83
晶之佳缘
活到老，学到老
展开
-
MUI教程
MUI教程1 下载2 引入项目3 导入MUI包4 示例1 下载我们可以可以去github下载MUI，MUI下载地址2 引入项目解压好压缩文件，把dist引入我们的项目就可以正常使用了3 导入MUI包import './lib/mui/css/mui.min.css'4 示例在下载包mui-master\examples\hello-mui\examples目录下面存在示例可以供我们参考使用...原创 2021-04-07 19:54:26 · 391 阅读 · 0 评论 -
Mint UI教程
Mint UI教程1 介绍2 npm 安装3 CDN4 导入方式5 基本使用5 按需引入1 介绍Mint UI基于 Vue.js 的移动端组件库.本章节介绍的是基于webpack的开发方式2 npm 安装npm i mint-ui -D3 CDN目前可以通过 unpkg.com/mint-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。<!-- 引入样式 --><link rel="stylesheet" href="https://unp原创 2021-04-06 15:01:14 · 545 阅读 · 0 评论 -
Vue基础教程--路由（八）
Vue基础教程--路由（八）1 路由基本的使用2 watch2.1 watch基本使用2.1 watch结合路由使用2.1.1 解析2.1.1.1 tag设置标签2.1.1.2 linkActiveClass设置class3 computed3 路由传参3.1 query方式3.2 params方式3 路由嵌套（children）1 路由基本的使用 <div id="app"> <router-link to="/login">登录</router-link>原创 2021-04-03 16:24:36 · 130 阅读 · 0 评论 -
Vue基础教程--组件（七）
Vue基础教程--过渡 & 动画（七）1 概述2 过渡的类名1 概述Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具：在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库，如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM可以配合使用第三方 JavaScript 动画库，如 Velocity.js在这里，我们只会讲到进入、离开和列表的过渡，你也可以看下一节的管理过渡状态。2 过渡的原创 2021-04-03 16:06:26 · 185 阅读 · 0 评论 -
Vue基础教程--vue-resource（六）
Vue基础教程--vue-resource （六）1 方法1.1 Get 请求1.2 post 请求1.3 全局配置2 配置(config)3 返回1 方法// global Vue objectVue.http.get('/someUrl', [config]).then(successCallback, errorCallback);Vue.http.post('/someUrl', [body], [config]).then(successCallback, errorCallback);原创 2021-03-28 11:55:37 · 270 阅读 · 0 评论 -
Vue基础教程--生命周期（五）
Vue基础教程--生命周期（五）原创 2021-03-22 19:56:35 · 119 阅读 · 0 评论 -
Vue基础教程--自定义按键修饰符和指令（四）
Vue基础教程--自定义按键修饰符和指令（四）1 按键修饰符2 系统修饰键3 自定义按键修饰符4 鼠标按钮修饰符5 按键修饰符5.1 全局自定义指令5.2 局部指令5.3 钩子函数5.3.1 钩子函数参数5.4 动态指令参数5.5 函数简写5.5 标准案例1 按键修饰符.enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.right2 系统修饰键可以用如下修饰符来实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。.c原创 2021-03-21 17:51:42 · 502 阅读 · 0 评论 -
Vue基础教程--过滤器（三）
Vue基础教程过滤器（三）原创 2021-03-21 17:50:51 · 225 阅读 · 0 评论 -
Vue基础教程--循环分支指令(二)
Vue基础教程（二）1 v-for循环四种方式1.1 v-for循环普通数组1.2 v-for循环对象数组1.3 v-for循环对象1.4 v-for迭代数字1 v-for循环四种方式1.1 v-for循环普通数组<div id="app"> <p>{{list[0]}}</p> <p>{{list[1]}}</p> <p>{{list[2]}}</p> <p>{{list[原创 2021-03-19 19:31:04 · 314 阅读 · 0 评论 -
Vue基础教程--基本指令(一)
Vue基础教程1 Vue的基本代码2 Vue指令学习2.1 v-cloak指令2.2 v-text指令2.3 v-html指令2.4 v-bind指令2.5 v-bind指令1 Vue的基本代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca原创 2021-03-18 13:00:52 · 378 阅读 · 0 评论