方式一： 利用 ? 传递参数，保存在this.$route.query 属性里方式二：利用 /xx/xx ，简化前提是需要到路由中进行参数配置，保存在this.$route.params属性里方式三：让组件利用 props属性 自动解构出路由参数代码展示：app.vue<template><div><!-- 路由传参 --><!-- 传参写法1: 借鉴原生

navbar 动态获取标题

1.确保已安装nodenode下载地址直接点链接 （下载 | Node.js 中文网）安装完后打开命令窗口输入：node -v 查看安装与否及版本详情因为 npm 默认的官方地址是外网的， 可能无法下载成功，如果出现下载卡顿或失败时，可通过修改镜像下载，命令是：npm config set registry https:/ / registry.npm.taobao.org/2.全局安装vuecl

meta

自定义指令

利用 @import 关键词引入, 此方式是一个全局引入scr 路径引入在 JS 中引入外部css模块<template><div></div></template><script>// 在JS中引入 外部css模块import './assets/my.scss'// 与@import效果相同, 会影响所有组件</script&g

name

图片反显

Vue打包后生成的dist文件中的index.html，双击在浏览器中打开后发现一片空白，打开控制台有很多报错：“Failed to load resource: net::ERR_FILE_NOT_FOUND”。2. 将index.html中资源引用的绝对路径改为相对路径；这是因为dist文件是需要放在服务器上运行的，资源默认放在根目录下。可以打开浏览器在localhost:8080中查看了。，

Vue打包后生成的dist文件中的index.html，双击在浏览器中打开后发现一片空白，打开控制台有很多报错：“Failed to load resource: net::ERR_FILE_NOT_FOUND”。2. 将index.html中资源引用的绝对路径改为相对路径；这是因为dist文件是需要放在服务器上运行的，资源默认放在根目录下。可以打开浏览器在localhost:8080中查看了。，