属性1 path表示监听哪个路由链接地址属性2 component，表示如果路由是前面匹配到的path，则展示component属性对应的组件，component属性值必须是一个组件模板对象，不能是组件的引用名称属性3 name，路由名称一、vue-router 用于渲染匹配到的组件<router-view></router-view> 还可以配合<ke
什么是vue-cli?vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxxa、：xxx 为自己创建项目的名称b、：必须先安装vue,vue-cli，webpack，node等一些必要的环境安装vue-clinpm install -g vue-cli一：安装成功后，会出现如下文件D:\in...
原创
2021-09-10 18:20:43
132阅读
直接贴 门户项目代码 // 全局router 直接挂载路由导航守卫 router.beforeEach((to, from, next) => { if (to.meta.title) { var title = to.path.startsWith("/news") ? to.meta.metas ...
转载
2021-08-12 14:54:00
304阅读
2评论
目录SPA项目搭建SPA项目路由嵌套案例SPA项目搭建今天的搭建是在nodeJS环境搭建好后的基础上实行搭建的什么是vue-clivue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxx搭建步骤一、安装vue-cli执行代码：npm install -g vue-cli成功后会在你的vue-g...
原创
2021-09-02 11:06:37
141阅读
目标1.如何使用vue-cli搭建SPA项目2.如何在spa项目中使用路由3.嵌套路由的使用前提搭好NodeJS环境看图分析目标：1.如何使用vue-cli搭建SPA项目什么是vue-cli?vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxx注意：xxx 为自己创建项目的名称必须先安装...
原创
2021-06-17 15:47:30
345阅读
1、前端后端的思考，到底前端做什么工作 有关前端后端工作的区分，曾经有个朋友告诉我：web开发过程，前端负责从将数据从数据接口提取到前端、路由转换、前端交互展示等等所有工作，后端负责处理数据库里面的数据，从收集到计算属性、或许还包括一些数据挖掘等等重要工作，他们会把需要展示的数据封装成数据接口给前端使用。 我曾经一度怀疑这个说法，因为我印象中的前端需要接触的不就是js和html、css吗？这样
转载
2024-01-17 11:46:19
42阅读
问题描述因一些原因，使用 Apache 部署 Vue SPA 项目，静态路由刷新后 4
原创
2023-02-22 11:05:30
441阅读
一个典型的项目结构Vue SPA Project Structure项目结构说明main.js 声明 Vue 项目的依赖。 声明 Vue 项目的入口（ DOM 挂载点）。 Vue 插件的基本设置。 router.js 配置路由规则 关于 CSS 的一些说明 业务型 CSS：单独写成 CSS 文件，并放在 styles 目录内。 局部 CSS：写在组件模板内，在 �<style>标签上加上scoped以锁定作用域。如果需要用到全局 CSS，使用...
原创
2020-08-10 17:38:44
289阅读
一个典型的项目结构Vue SPA Project Structure项目结构说明main.js 声明 Vue 项目的依赖。 声明 Vue 项目的入口（ DOM 挂载点）。 Vue 插件的基本设置。 router.js 配置路由规则 关于 CSS 的一些说明 业务型 CSS：单独写成 CSS 文件，并放在 styles 目录内。 局部 CSS：写在组件模板内，在 �<style>标签上加上scoped以锁定作用域。如果需要用到全局 CSS，使用...
原创
2020-08-10 17:38:44
171阅读
每天进步一点点...自己弄了个博客网站，运行了很久，一直没被收录，才发现SEO对单页面不太友好。上网学习并实践了一下，我们可以使用prerender-spa-plugin+vue-meta-info做一个预渲染。一、安装插件使用下面命令安装对应插件npm install prerender-spa-plugin --save
npm install vue-meta-info --save二、修改
转载
2021-03-10 19:11:51
743阅读
2评论
ssr服务端渲染 对已有的SPA项目来说改造成本非常大 预渲染 如prerender-spa-plugin、react-snap，不适用数据经常变化的页面，也不适用路由非常多的页面 rendora方案 不用改造已有的项目，但是是go语言，对前端不太友好 另做一套简易版网站 没有样式，只有符合seo规 ...
转载
2021-09-07 11:13:00
518阅读
2评论
项目简介 Github: https://github.com/hanan198501/vue-spa-template 我们基于 vue-cli 脚手架生成项目模板做了一些改造，加入了 vue-router ，vuex 等配套设施，本地 dev server 中加入了接口 mock 功能，还增加一
原创
2022-04-06 10:53:01
172阅读
（3）预渲染：构建阶段生成匹配预渲染路径的html文件（注意：每个需要预渲染的路由都有一个对应的html—），
原创
2023-02-06 16:42:39
411阅读
1、安装node.js环境根据需求下载32位或64位安装包-node.js官网去下查看是否安装成功cmd -》node -v 查看nodenpm -v 查看npm显示nod
SingleSPASingleSPA是一个用于前端微服务的javascript框架。它使你可以在单页应用中使用多个框架，这样就可以按功能拆分代码，并能使Angular、React、Vue.js程序一起运行。你可能已经习惯了React和Vue的CLI，通过这些工具可以快速创建项目，并准备好webpack的配置、依赖项和样板代码等。如果你已经习惯了这种操作，那么你可能会觉得本文的前半部分有些繁琐。因为
原创
2021-01-10 10:03:39
292阅读
用Single-spa创建基于React和Vue的微型前端前段小混混前端先锋SingleSPASingleSPA是一个用于前端微服务的javascript框架。它使你可以在单页应用中使用多个框架，这样就可以按功能拆分代码，并能使Angular、React、Vue.js程序一起运行。你可能已经习惯了React和Vue的CLI，通过这些工具可以快速创建项目，并准备好webpack的配置、依赖项和样板代
原创
2021-01-28 20:49:47
437阅读
使用vue-router创建路由器: router/index.jsnew VueRouter({ routes: [ { // 一般路由 pa
原创
2022-11-07 17:44:59
25阅读
最近使用vue的脚手架开发项目，用了一些小插件来实现一些功能，自己觉得应该要整理一下，方便自己之后的开发。一、复制插件-- vue-clipboard2 此插件的功能就是实现文本的复制，使用步骤如下：npm install --save vue-clipboard2 2.在main.js：  
在我们的 laravel 项目中，让我们使用 yarn 运行一个命令，并选择 vue 和 typescript。将项目名称设置为：FrontEndApp选择：Vue选择：Ty
原创
2023-01-28 11:23:13
595阅读
目管理提供...
原创
精选
2023-04-30 06:54:24
540阅读
