摘要: Vue生命周期 Vue实例需要经过创建、初始化数据、编译模板、挂载DOM、渲染、更新、渲染、卸载等一系列过程,这个过程就是Vue的生命周期,在Vue的整个生命周期中提供很多钩子函数在生命周期的不同时刻调用,Vue中提供的钩子函数有beforeCreate、created、beforeMount、mo 阅读全文
posted @ 2021-01-12 20:28 花开荼蘼Ⅴ彼岸未归 阅读(189) 评论(0) 推荐(0) 编辑
摘要: Vuex中的核心方法 Vuex是一个专为Vue.js应用程序开发的状态管理模式,其采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。每一个Vuex应用的核心就是store仓库,store基本上就是一个容器,它包含着你的应用中大部分的状态state。 什么情况下 阅读全文
posted @ 2021-01-11 19:24 花开荼蘼Ⅴ彼岸未归 阅读(336) 评论(0) 推荐(0) 编辑
摘要: MVVM模式的理解 MVVM全称Model-View-ViewModel是基于MVC和MVP体系结构模式的改进,MVVM就是MVC模式中的View的状态和行为抽象化,将视图UI和业务逻辑分开,更清楚地将用户界面UI的开发与应用程序中业务逻辑和行为的开发区分开来。 自己的理解 数据改变只发生在以下两种 阅读全文
posted @ 2021-01-04 20:42 花开荼蘼Ⅴ彼岸未归 阅读(196) 评论(0) 推荐(0) 编辑
摘要: Vue路由懒加载 对于SPA单页应用,当打包构建时,JavaScript包会变得非常大,影响页面加载速度,将不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这就是路由的懒加载。 实现方式 Vue异步组件 Vue允许以一个工厂函数的方式定义你的组件,这个工厂函数会异步解析你 阅读全文
posted @ 2021-01-04 20:27 花开荼蘼Ⅴ彼岸未归 阅读(1463) 评论(0) 推荐(0) 编辑
摘要: 1、使用vue-router跳转了路由之后刷新,出现Cannot GET /xxx 的情况 前端路由有两种,一种是hash模式,一种是history模式。 hash模式使用URL的hash来模拟一个完整的URL,当URL改变时,页面不会重新加载,url会带有 # ,但是在路由中刷新可以正常显示,浏览 阅读全文
posted @ 2020-12-28 20:57 花开荼蘼Ⅴ彼岸未归 阅读(368) 评论(0) 推荐(0) 编辑
摘要: vue-router 什么是路由 路由是一个网络工程里面的术语 路由就是通过网络把信息从源地址传输到目的地的活动 — 维基百科 后端路由 是url和后端逻辑的对应关系 前端路由 是url和组件的对应关系 前端路由核心就是改变url但是页面不进行整体的刷新 vue-router vue-router是 阅读全文
posted @ 2020-12-28 19:20 花开荼蘼Ⅴ彼岸未归 阅读(428) 评论(0) 推荐(0) 编辑
摘要: 所有代码没有引入vue.js!!!! vue实例化对象中的this指向 在vue中 this指向vue的实例化对象 const app = new Vue({ el:"#app", data:{ name:"张三" }, methods:{ tryThis(){ console.log(this); 阅读全文
posted @ 2020-12-19 15:21 花开荼蘼Ⅴ彼岸未归 阅读(209) 评论(0) 推荐(0) 编辑
摘要: vue基础语法 介绍:Vue是一套用于构建用户界面的渐进式框架 Vue核心库只关注视图层,不仅容易上手,还便于与第三方既有项目整合 vue官网 Hello World 1.引入vue.js 2.创建一个带有id的dom 3.编写vue实例,el挂载点对应HTMLdom,data表示vue实例中的数据 阅读全文
posted @ 2020-12-19 10:15 花开荼蘼Ⅴ彼岸未归 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 前提是nodejs的环境之下使用 什么是git? 用于管理多人协同开发项目的技术。 安装成功后在开始菜单中会有Git项 Git可以帮我们做到很多的事情,比如代码的版本控制,分支管理等。 Git里面主要包含的几个概念有远程仓库,克隆,本地仓库,分支,提交,拉取,合并,推送等。 Github Pages 阅读全文
posted @ 2020-12-15 19:11 花开荼蘼Ⅴ彼岸未归 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 1.首先需要安装node环境,版本最新比较好,最低4.0+吧 2.express中文官网:http://www.expressjs.com.cn/, 3.到官网可以学一些express的基础用法,初始化一个项目seed可以使用express生成器 4.下载 打开终端使用npm下载 npm insta 阅读全文
posted @ 2020-12-15 18:32 花开荼蘼Ⅴ彼岸未归 阅读(224) 评论(0) 推荐(0) 编辑