Vue
人生海海丶
这个作者很懒,什么都没留下…
展开
-
vue-preview 用法
安装 npm i vue-preview -S 在main.js文件中导入该组件,并挂载到Vue身上 import VuePreview from "vue-preview" Vue.use(VuePreview) 在组件中使用 <template> <div class="thumbs"> <vue-preview :sli...原创 2019-11-05 15:41:47 · 514 阅读 · 1 评论 -
vue mint-ui lazy-load 懒加载
首先导入mint-ui //引入MintUi全部 import MintUI from 'mint-ui' Vue.use(MintUI) 在需要图片懒加载的地方使用v-lazy指令 <ul> <li v-for="(item) in photolist" :key="item.id"> <router-link ...原创 2019-11-05 10:34:07 · 447 阅读 · 0 评论 -
vue mui-scroll-wrapper 导航栏横向滑动
import MintUI from 'mint-ui' Vue.use(MintUI) <template> <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" > ...原创 2019-11-05 09:33:59 · 1267 阅读 · 0 评论 -
vue mui.js调用报错
在main.js里添加 import mui from "./lib/mui/js/mui.js" 如果不添加下面会显示mui is not defined 报错 Vue.prototype.mui = mui 添加成功后还是会报错 Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may n...转载 2019-11-01 11:44:09 · 259 阅读 · 0 评论 -
webpack + Vue 组件/路由
安装成生产依赖 npm install vue -S index.html中导入app模块 main.js 开始写vue import Vue from "vue" var vm = new Vue({ el:"#app", data:{ msg:"vue+webpack" }, methods: { }, }...原创 2019-10-29 19:18:17 · 194 阅读 · 0 评论 -
Vue v-for的使用 遍历
<!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...原创 2019-10-22 15:50:31 · 208 阅读 · 0 评论 -
Vue style行内样式绑定
<!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...原创 2019-10-22 15:49:41 · 834 阅读 · 0 评论 -
Vue 类样式的绑定 v-bind:class
<!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...原创 2019-10-21 08:59:52 · 145 阅读 · 0 评论 -
Vue 简易文字跑马灯
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-10-17 15:53:10 · 215 阅读 · 0 评论 -
Vue 简易计算器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-10-17 15:52:23 · 212 阅读 · 0 评论