![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 82
一款渐进式的JavaScript框架
友人A ㅤ
人的进步在于不断学习
展开
-
部署项目vue +阿里云服务器 + 宝塔面板
1. 打包vue项目1.1 在 config -> index.js中把/改为./,可以避免找不到静态文件。1.2 在 build -> utils.js 中添加下行可解决elementUI小图标不显示问题。1.3 vue打包后放到服务器上路由不跳转,需要将路由配置文件(router -> index.js)中的 mode:'history' 注释掉,或者改为 hash。1.4 使用 npm run build 进行打包,打包成功后生成 dist 文件夹。2. 将打包项目原创 2022-03-22 03:12:18 · 697 阅读 · 1 评论 -
Vue - 构建vue实战项目
目录基础知识前后端分离页面的 url 构成vue框架安装nodejs、vue-cli等环境安装nodejs环境安装 vue-cli 脚手架工具用 vue-cli 构建一个项目项目文件介绍项目初始文件介绍配置src和static目录修改 App.vue、router和page 文件修改 App.vue 文件修改router/index.js文件添加 index.vue 和 content.vue 文件配置 axios api 接口安装axios调整 main.js 文件调整src/index.vue 文件基原创 2021-01-10 13:38:58 · 1242 阅读 · 1 评论 -
Vue - 前端工程化
1. 模块化相关规范1.1 概述传统开发模式的主要问题:命名冲突文件依赖模块化解决上述问题模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间有相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块。好处:方便代码的重用,提升开发效率,方便后期维护1.2 浏览器端模块化规范1.2.1 AMD(不推荐使用)Require.js (http://www.requirejs.cn/)1.2.2 CMD(不推荐使用)Sea.js (http://seajs.gith原创 2020-10-07 15:45:40 · 1277 阅读 · 3 评论 -
Vue - 前端路由
1. 路由基本概念与原理1.1 路由路由是一个比较广义和抽象的概念。本质:对应关系。1.1.1 后端路由概念:根据不同的用户URL请求,返回不同内容本质:URL请求地址与服务器资源之间的对应关系后端路由根据不同的URL地址分发不同的资源1.1.2 SPA(Single Page Application)后端渲染(存在性能问题)Ajax前端渲染(前端渲染提高性能,但是不支持浏览器的前进后退操作)SPA单页面应用程序:整个网站只有一个页面,内容的变化通过Ajax局部更新实现,同时支持原创 2020-10-05 20:44:05 · 1066 阅读 · 0 评论 -
Vue - 前后端交互
1. 前后端交互模式1.1 接口调用方式原生Ajax基于JQuery的Ajaxfetchaxios1.2 URL地址1.2.1 传统形式的URL格式:schema://host:post/path?query#fragmentschema:协议host:域名或IP地址port:端口,http默认端口80,可省略path:路径query:查询参数fragment:锚点(哈希Hash),用于定位页面的某个位置1.2.2 restful形式的URLHTTP请求方式原创 2020-10-04 15:00:49 · 1638 阅读 · 0 评论 -
Vue - 组件化开发
1. 组件化开发思想标准分治重用组合组件化规范:Web Components问题:尽可能多的重用代码自定义组件的方式不太容易(html, css 和 js)多次使用组件可能导致冲突解决:Web Components通过封装好功能的定制元素解决上述问题。官网:https://developer.mozilla.org/zh-CN/docs/Web/Web_ComponentsVue部分实现了上述规范2. 组件注册2.1 全局组件注册语法Vue.component (组件原创 2020-08-11 17:16:32 · 984 阅读 · 0 评论 -
Vue - Vue基础
1. Vue概述Vue:渐进式JavaScript框架声明式渲染 -> 组件系统 -> 客户端路由 -> 集中式状态管理 -> 项目构建官网:https://cn.vuejs.org/v2/guide易用:熟悉HTML、CSS、JavaScript知识后可以快速上手灵活:在一个库和一套完整框架之间自如伸缩高效:20kB运行大小,超快虚拟 DOM2. Vue基本使用2.1 hello world基本步骤 <div id="app">原创 2020-08-08 20:40:28 · 1707 阅读 · 0 评论