前端
文章平均质量分 83
我家猫每天都在飞
这个作者很懒,什么都没留下…
展开
-
vue2.x:六、vue页面开发进阶版-vue-cli 的项目全局配置
六、vue页面开发进阶版-vue-cli 的项目配置vue页面开发进阶版-vue-cli 的项目配置vue-cli 的项目配置1、资源的引用路径的修改——publicPath2、打包目录的修改——outputDir3、打包后静态资源位置的修改——assetsDir4、打包后index.html 的输出路径的修改——indexPath5、静态资源文件名中包含的hash值控制——filenameHashing注:本文皆为本人自己实际开发中的了解所得经验,如有不对之处欢迎诸位批评指点vue页面开发进阶版-vu原创 2021-11-26 11:22:49 · 303 阅读 · 0 评论 -
vue2.x:五、vue页面开发进阶版-路由之加强开发
五、vue页面开发进阶版-路由开发之加强开发vue页面开发进阶版-路由开发之加强开发1、vue嵌套路由2、vue路由访问拦截① 前置钩子② 后者钩子3、vue路由动态添加4、vue路由切换过度特效注:本文皆为本人自己实际开发中的了解所得经验,如有不对之处欢迎诸位批评指点vue页面开发进阶版-路由开发之加强开发Vue 是一套用于构建用户界面的渐进式框架。本教程均基于vue2.x的版本进行编写,搭建的脚手架是使用的@vue/cli 4,编译工具使用的是webStorm1、vue嵌套路由在实际项目中原创 2020-06-27 02:24:45 · 265 阅读 · 0 评论 -
vue2.x:四、vue页面开发进阶版-路由之基础开发
四、vue页面开发进阶版-路由开发vue页面开发进阶版-路由开发1、vue路由开发1、引入依赖2、vue-router的简单配置3、vue-router的简单使用注:本文皆为本人自己实际开发中的了解所得经验,如有不对之处欢迎诸位批评指点vue页面开发进阶版-路由开发Vue 是一套用于构建用户界面的渐进式框架。本教程均基于vue2.x的版本进行编写,搭建的脚手架是使用的@vue/cli 4,编译工具使用的是webStorm1、vue路由开发vue的路由就是在vue页面中进行跳转切换,因为vue项原创 2020-06-27 00:51:33 · 308 阅读 · 0 评论 -
vue2.x:三、vue页面开发进阶版-组件开发
三、vue页面开发进阶版-组件开发vue页面开发进阶版-组件开发1、vue组件开发vue页面开发进阶版-组件开发Vue 是一套用于构建用户界面的渐进式框架。本教程均基于vue2.x的版本进行编写,搭建的脚手架是使用的@vue/cli 4,编译工具使用的是webStorm1、vue组件开发vue的组件开发其实就是将一个或多个大页面拆分出可以复用的部分,独立写成一个多适用性的vue页面,他和普通vue页面在项目中看起来基本一样,但是他有以下优点:会使项目代码简洁性提高;提高代码复用率避免大量的原创 2020-06-26 01:34:04 · 407 阅读 · 0 评论 -
vue2.x:二、vue页面开发详解
二、vue页面开发详解vue2.x 页面开发详解1、vue的template内容解析2、vue的script内容解析2、vue的style内容解析vue2.x 页面开发详解Vue 是一套用于构建用户界面的渐进式框架。本教程均基于vue2.x的版本进行编写,搭建的脚手架是使用的@vue/cli 4,编译工具使用的是webStorm1、vue的template内容解析其中template主要是使用html语言去编写,再结合vue语法指令来构造页面,但是要注意的是template标签中他的子元素必须也原创 2020-06-26 00:21:37 · 1021 阅读 · 0 评论 -
vue2.x:一、vue-cli 4安装和vue项目的基本解析
一、安装和使用vue2.x 基本开发和使用1、nodejs的安装2、安装@vue/cli 4 并开发vue项目创建项目vue cli创建的项目目录解析vue2.x 基本开发和使用Vue 是一套用于构建用户界面的渐进式框架。本教程均基于vue2.x的版本进行编写,搭建的脚手架是使用的@vue/cli 4,编译工具使用的是webStorm1、nodejs的安装Vue CLI 4 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。当然你可以使用 nvm 或 nvm-windows 在原创 2020-06-25 23:05:29 · 1751 阅读 · 0 评论