蒙奇-D-鑫伟-优快云博客

文章评论#1、业务功能分析#2、展示文章评论列表#2.1、准备组件为了更好的开发和维护，这里我们把文章评论单独封装到一个组件中来处理。创建组件src/views/article/components/comment-list.vue<template> <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load=".

2022-03-16 23:32:22 1054

原创头条案例文章详情模块

七、文章详情#1、业务功能分析#2、创建组件并配置路由1、创建views/article/index.vue组件<template> <div class="article-container">文章详情</div></template><script>export default { name: 'ArticleIndex', components: {}, props: { // 使用pro..

2022-03-16 23:29:07 416

原创默认（按需）导入导出，与try catch 的使用及注意事项

默认（按需）导入导出，与try catch 的使用及注意事项

2022-03-11 21:45:09 1000

原创首页—文章列表

首页—文章列表#1、页面布局#1.1、头部导航栏1、使用导航栏组件2、在导航栏组件中插入按钮文本图标3、样式调整宽高背景色边框文本大小图标大小<template> <div class="home-container">  <van-nav-bar class="page-nav-bar" fixed> <van-button c

2022-03-10 22:00:22 611

原创头条案例登录注册功能

1、准备#1.1 创建组件并配置路由1、创建src/views/login/index.vue并写入以下内容<template> <div class="login-container">登录页面</div></template><script>export default { name: 'LoginPage', components: {}, props: {}, data () { ret..

2022-03-08 23:39:47 795

原创黑马头条移动端案例

项目初始化八步搭建脚手架 vue create toutiao 加入Git仓库引入vant组件库 yarn add vant@2.15.12 -D

2022-03-07 23:22:10 238

原创 vuex概念与使用

1.vuex概念：在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。2.何时使用？多个组件需要共享数据时3.搭建vuex环境创建文件：src/store/index.js //引入Vue核心库import Vue from 'vue'//引入Vueximport Vuex from 'vuex'//应用Vuex插件Vue.use(Vuex)//准备a

2022-03-06 21:39:50 281

原创 Vue-Router路由系统 vant组件库

Vue-Router路由系统Vue路由简介和基础使用nodejs路由接口和服务的映射关系前端路由路径和组件的映射关系 1. 路由是什么呢? 路由是一种映射关系 2. Vue中的路由是什么? 路径和组件的映射关系为何使用路由目标：了解为何使用路由具体使用示例: 网易云音乐 https://music.163.com/ 单页面应用(SPA): 所有功能在一个html页面上实现前端路由作用: 实现业务场景切换优点： ...

2022-03-03 21:40:58 1034

原创 Vue组件进阶, 自定义指令, tabbar案例

Vue组件进阶, 自定义指令, tabbar案例

2022-03-02 14:46:04 424

原创生命周期, axios, $refs和$nextTick, 购物车案例

生命周期, axios, $refs和$nextTick, 购物车案例

2022-03-01 00:19:17 328

原创 Vue组件基础

Vue组件通信

2022-03-01 00:04:25 75

原创 vue更新监测, key作用, 虚拟DOM,设置动态样式,过滤器, 计算属性, 侦听器的了解使用

Vue基础_更新监测和keyv-for更新监测目标结构变化, 触发v-for的更新数组变更方法, 就会导致v-for更新, 页面更新数组非变更方法, 返回新数组, 就不会导致v-for更新, 可采用覆盖数组或this.$set()数组变更方法数组非变更方法有的数组方法不导致v-for更新页面, 如何处理? 拿返回的新数组, 直接替换旧数组 this.$set()方法更新某个值 v-for就地更新当数组改变后是如何更新的 v..

2022-02-25 00:12:13 273