vue
sust_ly
堆区
展开
-
vue学习二(搭建vue脚手架)
1 安装node环境进入https://nodejs.org/en/下载node环境并安装。2 安装vue使用 npm install --global vue-cli安装vue。3.1创建第一个vue脚手架(命令行)1.使用vue init webpack 项目名 创建项目2.npm run dev 运行项目3.2 使用webstorm1.创建项目...原创 2019-05-15 18:26:52 · 1922 阅读 · 0 评论 -
vue学习一(初识vue)
一、vue简介vue是一个渐进式JavaScript框架。可以去https://cn.vuejs.org/v2/guide/二、内容1.基本使用(1)elel是element的缩写,其绑定的是vue的根标签,只有在这个范围内才能使用vue的语法。(2)datavue的数据,可以使用{{ data }}获取数据,使用v-bind:value等进行属性绑定,使用HTM...原创 2019-05-13 10:57:12 · 146 阅读 · 0 评论 -
vue学习三 组件嵌套及父子组件传值
一、组件嵌套<template> <div id="app"> <son/> </div></template><script> import Son from "./components/Son"export default { name: 'App', components: ...原创 2019-05-17 13:19:38 · 974 阅读 · 0 评论 -
vue学习四 vue-router实现简单路由(博客系统框架)
一、使用脚手架搭建项目前面的博客已作了叙述,可以看看以前的博客。二、引入bootstrap样式库在index.html中引入<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+...原创 2019-05-23 09:33:10 · 364 阅读 · 0 评论 -
springboot+vue个人博客系统(一)框架搭建以及登陆注册实现
一、概述很早就想自己写一个博客系统,但是苦于对前端技术不熟,一直都没有做,近日终于学习了vue框架,就想着实现这个想法。二、项目总览2.1前端总览前端使用vue框架,使用bootstrap的样式,目前没有对于文章的管理,仅仅是一个基本的框架。2.2后台总览后台使用springboot、Elasticserch框架,数据库使用MySQL。三、前端各模块介绍后台...原创 2019-05-29 16:36:24 · 6247 阅读 · 0 评论 -
vuex-persistedstate解决vuex在刷新页面之后丢失数据
使用了vuex之后会发现,在页面刷新的时候就会将store里的数据清除,这样并不是我们想看道的。(1)npm install vuex-persistedstate --save安装vuex-persistedstate插件。(2)在store.js中引入该插件import PersistedState from 'vuex-persistedstate'(3)在store中...原创 2019-06-20 13:30:13 · 2141 阅读 · 1 评论 -
springboot+vue个人博客系统(二) 博客分页及数据绑定
一、博客分页分页插件使用vue-pagination-2。(1)安装npm install vue-pagination-2(2) 在main.js中引入插件import Pagination from 'vue-pagination-2'Vue.component('pagination', Pagination);(3)在要使用的组件中引入<div ...原创 2019-06-27 13:39:43 · 897 阅读 · 0 评论 -
springboot+vue个人博客系统(三)文件上传及回显
一、文件上传文件上传是将用户放入在博文中的图片上传到服务器中。1.前端在mavon-editor中绑定imgAdd,imgDel事件。<div id="editor" v-on:mousedown="onWrite" v-on:mouseleave="onRead"> <mavon-editor ref=md :ishljs="true" @imgA...原创 2019-07-03 14:01:11 · 1939 阅读 · 0 评论 -
vue第一此加载过长使用懒加载以及懒加载带来的Loading chunk {n} failed
1.解决第一次加载过长 {path:"/",name: "homeLink",component:resolve => require(['@/components/Home.vue'],resolve)}, {path:"/aboutWe",component:resolve => require(['@/components/AboutMe.vue'],resolve...原创 2019-07-16 10:38:14 · 446 阅读 · 0 评论