随笔分类 -  Vue.js 2.0

摘要:1. 什么是vue-router? 其实vue-router和v-if,v-show一样,是用来切换组件的显示的 v-if,v-show的标记是true/false vue-router的标记则是哈希(也就是#/xxx),还能传递参数,这也是一种路由模式 2.vue-router使用方法步骤2.1 阅读全文
posted @ 2021-05-14 09:55 liuw_flexi 阅读(87) 评论(0) 推荐(0) 编辑
摘要:效果图 移动端想实现这样的效果, 可以先安装swiper npm install swiper template代码: <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <im 阅读全文
posted @ 2021-02-03 13:53 liuw_flexi 阅读(702) 评论(0) 推荐(0) 编辑
摘要:参考: https://www.jianshu.com/p/c4abab8c1ba6 https://www.cnblogs.com/lucide/p/13686536.html 1. 安装"vue-infinite-scroll": "^2.0.2", 2. 在main.js 引入 import 阅读全文
posted @ 2021-01-25 09:45 liuw_flexi 阅读(1044) 评论(0) 推荐(0) 编辑
摘要:转自:https://www.cnblogs.com/jin-zhe/p/9985436.html this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自 阅读全文
posted @ 2020-10-10 10:38 liuw_flexi 阅读(204) 评论(0) 推荐(0) 编辑
摘要:talk is cheap ,show you my code: <template> <div class=""> BackTop2 <div> <h1>{{abc.def.hij}}</h1> <input v-model="abc.def.hij"/> <el-button type="pri 阅读全文
posted @ 2020-10-10 10:37 liuw_flexi 阅读(215) 评论(0) 推荐(0) 编辑
摘要:初始化一个Vue实例,控制id为app的区域。 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <style media="screen"> *{ margin:0; p 阅读全文
posted @ 2020-09-29 13:17 liuw_flexi 阅读(186) 评论(0) 推荐(0) 编辑
摘要:https://www.jb51.net/article/157356.htm https://www.jb51.net/article/135748.htm 什么是插槽? 这里的slot标签就是插槽插槽就是一个坑插槽可以指定默认数据插槽可以指定名称 默认叫匿名插槽插槽可以有多个 有多少个就填充多少 阅读全文
posted @ 2020-09-21 17:02 liuw_flexi 阅读(211) 评论(0) 推荐(0) 编辑
摘要:和条件有关v-if,v-show 区别和属性绑定有关v-bind:属性 = "表达式" ,v-bind可省略和事件有关v-on:click = "事件名", 可缩写成@click = "事件名"v-model="question" ,question是 data中的字段v-bind:class="{ 阅读全文
posted @ 2020-09-18 10:09 liuw_flexi 阅读(161) 评论(0) 推荐(0) 编辑
摘要:来源于慕课网: https://www.imooc.com/video/21752 代码:https://github.com/nwgdegitHub/demo-backtop.git 阅读全文
posted @ 2020-09-17 10:45 liuw_flexi 阅读(166) 评论(0) 推荐(0) 编辑
摘要:Table.vue <template> <div class="main"> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-tab 阅读全文
posted @ 2020-09-11 11:11 liuw_flexi 阅读(397) 评论(0) 推荐(0) 编辑
摘要:Vue.prototype.Vue.use(XXX)XXX,Vue.use(VueRouter)1.axiosVue.use(axios)axiosinstall2.Vue.prototype. 和 Vu 阅读全文
posted @ 2020-09-08 17:04 liuw_flexi 阅读(769) 评论(0) 推荐(0) 编辑
摘要:初始化一个Vue实例,控制id为app1的区域: <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <style media="screen"> *{ margin:0; 阅读全文
posted @ 2020-09-08 17:00 liuw_flexi 阅读(300) 评论(0) 推荐(0) 编辑
摘要:实现方式也可以参考: https://www.cnblogs.com/aknife/p/11709255.html 以下代码做法没有什么思路,就是简单的取数据,渲染 province.json { "0": { "110000": "北京", "120000": "天津", "130000": "河 阅读全文
posted @ 2020-09-07 15:16 liuw_flexi 阅读(910) 评论(0) 推荐(0) 编辑
摘要:1. 若安装了命令行工具 ,可以使用命令创建项目 vue create XXX 2.安装vuex npm install vuex 3.组织目录结构(自己看需要) 4.代码部分 vuex 和 React中的redux一样,是一个集中state管理工具 4-1 首先需要在main.js 引入,然后挂在 阅读全文
posted @ 2020-09-03 13:47 liuw_flexi 阅读(391) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示