vue-router

路由就是根据不同的 url 地址展示不同的内容或页面 后端路由 后端路由切换页面是跳转全局刷新页面（用户体验差），而且比如A页面的静态资源和B页面的静态资源会重复请求。 下面说下SSR 服务器渲染 网络爬虫在爬取资源时候会及时找到重要资源有利于SEO优化，但对服务器压力较大。因此一般首页服务器渲染，其他页面使用ajax（比如淘宝） 对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源 后端路由的优缺点 优势：服务器渲染有利于SEO优化 劣势：1、静态资源重复请求，对服务器压力较大 　　 2、用户体验不好 前端路由 通过不同的路由 切换不同的页面 对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换 在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由 前端路由的主要模式是hash和history模式 比如 hash路由 -> #/ #/2.html history路由 / /2.html 说下单页面应用SPA(single page application) 它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容 单页面应用核心：更新视图而不重新请求页面 vue的路由 Vue Router 是 Vue.js 官方的路由管理器 前端路由的优缺点 优势：1、单页面应用

v-bind和v-model的区别 1.v-bind用来绑定数据和属性以及表达式，缩写为'：' 2.v-model使用在表单中，实现双向数据绑定的，在表单元素外使用不起作用 什么是 mvvm？ MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View 和 Model 的对象。 在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交互，Model 和 ViewModel 之间的交互是双向的， 因此 View 数据的变化会同步到 Model 中，而 Model 数据的变化也会立即反应到 View 上。 ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，而 View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作 DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。 mvvm 和 mvc 区别？ mvc 和 mvvm 其实区别并不大。都是一种设计思想。主要就是 mvc 中 Controller

翻车事故分析： 因需对项目整体优化，调整过程，采用了路由的history模式，本地项目运行，刷新子页面都是OK的。 部署到测试服务器，正常跳转都ok,但刷新子页面就会出现404，请求变成了get，没有进入封装的请求体中，让人很费解，也有没有打印错误。 1.本地刷新子页面,地址栏路由状态OK，页面也能正常获取数据 2.部署到测试服务器上，刷新就唧唧了 注 ：首先，说明下vue-router的默认hash模式——使用URL的hash来模拟一个完整的URL，当URL改变时，页面不会重新加载。但是这种hash很丑，也不符合对URL的使用习惯。所以，需要使用另外一个叫history模式来实现URL跳转而无须重新加载页面。因为我不想要很丑的 hash，就是使用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 ----------------------------------------------------------------------------------- 处理方法一： 去掉history模式，仍然采用hash模式，即注释掉这行代码即可 处理方式二： 要用这种模式，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 http://114.115

vue概述 mvvm模式 M：即Model，模型，包括数据和一些基本操作 V：即View，视图，页面渲染结果 VM：即View-Model，模型与视图间的双向操作（无需开发人员干涉） 在MVVM之前，开发人员从后端获取需要的数据模型，然后要通过DOM操作Model渲染到View中。而后当用户操作视图，我们还需要通过DOM获取View中的数据，然后同步到Model中。 而MVVM中的VM要做的事情就是把DOM操作完全封装起来，开发人员不用再关心Model和View之间是如何互相影响的： 只要我们Model发生了改变，View上自然就会表现出来。 当用户修改了View，Model中的数据也会跟着改变。 把开发人员从繁琐的DOM操作中解放出来，把关注点放在如何操作Model上。 mvvm模式的优势： 低耦合 视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化时Model可以不变，当Model变化时View也可以不变 可重用性 可以把一些视图逻辑放在一个ViewModel里面，让多个View重用这段视图逻辑代码 独立开发 开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计。 而我们今天要学习的，就是一款MVVM模式的框架：Vue 快速入门 安装vue 下载安装 下载地址： https:/

官网地址： http://mint-ui.github.io/#!/zh-cn 中文文档： http://mint-ui.github.io/docs/#/zh-cn2 示例展示： http://elemefe.github.io/mint-ui/#/ 如何引入vue2项目： 在public的index.html页面，用CDN的形式引入，这样可以减少vendor包的体积，当然如果不介意可以安装在本地 <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="utf-8" > < meta http-equiv ="X-UA-Compatible" content ="IE=edge" > < meta name ="viewport" content ="width=device-width,initial-scale=1.0" > < title > </ title > <!-- MintUI --> < link rel ="stylesheet" href ="https://unpkg.com/mint-ui/lib/style.css" > </ head > < style > * { list-style : none ; margin : 0 ; padding : 0 ; text

项目的入口文件index.html直接在服务器访问地址的根目录下，即项目独占一个端口 vue中配置保持不变 nginx中配置如下： server { listen 8899; server_name localhost; location / { try_files $uri $uri/ /index.html; } } 　　 第二种是 针对项目放在子级目录的情况。 # 打包配置 config-index.js 修改路径： assetsPublicPath: './'; # 前端路由配置 router.js: const router = new VueRouter({ mode: 'history', base: '/hello', routes }) 这里一定要一个加一个base;与项目子级目录名同步 nginx 配置： server { listen 8088; server_name xxx.com; # localhost修改为您证书绑定的域名。 location /hello{ try_files $uri $uri/ /hello/index.html; } } 最终访问xxxxx:8088/hello 一个nginx 配置多个端口，多个子域名 server { listen 8082; listen 8088; server_name localhost; #

简介 本音乐网站的开发主要利用 VUE 框架开发前台和后台，后端接口用 Spring Boot + MyBatis 来实现，数据库使用的是 MySQL。 该项目也是我们做过的优秀毕业设计. 运行展示 系统功能 音乐播放 用户登录注册 用户信息编辑、头像修改 歌曲、歌单搜索 歌单打分 歌单、歌曲评论 歌单列表、歌手列表分页显示 歌词同步显示 音乐收藏、下载、拖动控制、音量控制 后台对用户、歌曲、歌手、歌单信息的管理 使用技术 后端 SpringBoot + MyBatis 前端 Vue + Vue-Router + Vuex + Axios + ElementUI 安装及运行 获取源码 联系学长获取 修改配置文件 1）创建数据库 将 music-website/music-server/sql 文件夹中的 tp_music.sql 文件导入数据库。 2）修改后端配置文件 去 music-website/music-server/src/main/resources 这个目录下的文件里修改自己的 spring.datasource.username 和 spring.datasource.password； 修改下图圈出来的的文件中 MyPicConfig 类下的 addResourceLocations方法中的路径，否则资源加载不了。（Mac 和 win 下路径有些差异，我的是