vue创建项目

vue cerate morney(项目名可以自定)

cd morney    

yarn serve // npm run serve

安装报错 错误

TS 和JS里面的@表示src

css里面的src用~@表示

自动加分号  格式化代码快捷键即可（我的默认是ctrl + alt +L）

vue-router

关于路由的几种方法 ==》》最好的方法

新建nav   在components文件夹里面

新建一个不存在的404页面  页面名字为NotFound.vue

引入路径 在要路由里面配置 path路径就可以了 具体如下图

引入svg文件

① import x from '@/assets/icons/money.svg'  在用到svg的中文中引入

② declare module "*.svg" { const content: any; export default content;}   在.ts文件里面添加

③ 谷歌 svg-sprite-loader 找到

     001 安装 npm install svg-sprite-loader -D   或者     yarn add svg-sprite-loader -D

④ 找到vue.config.js

在里面添加代码

const path = require('path')

module.exports = { lintOnSave: false, 

chainWebpack:config =>{ 

const dir = path.resolve(__dirname,'src/assets/icons') config.module .rule('svg-sprite') .test(/\.svg$/) .include.add(dir).end() //包含icons目录 .use('svg-sprite-loader').loader('svg-sprite-loader').options({extract:false}).end() config.plugin('svg-sprite').use(require('svg-sprite-loader/plugin'),[{plainSprite:true}]) config.module.rule('svg').exclude.add(dir) //其它 svg loader 排除 icons目录 }}  

/* eslint-disable */   在命令行中不检查eslint

如何import一个svg文件目录

JS转TS

整个文件里面只需要为type加上类型即可

    用Vue组件的三种方式

@Prop引入问题