初识 webpack vue项目

1. webpack 项目主要文件信息描述

package.json 项目相关信息说明

webpack.base.conf.js 插件配置信息文件

dev-server.js   nodejs启动文件

index.html  程序启动页面

main.js    vue应用入口js 

2.导入样式，脚本

关于导入第三方js
将js文件放入static下，在index.html下导入

关于导入全局css
在main.js中加  import "xx.css"

按需导入 
在对应vue文件 加<style src="xx.css" scoped></style>

3.vue-router简单说明

router 对象属性说明
routes：路由清单  {path：url地址，name:别名,component：模板对象，children：子路由清单}
linkActiveClass：包含匹配
linkExactActiveClass：完全匹配 要与  exact连用
路由传值
路径定义 /路径名（:参数名:参数名 可省略） 那么会显示
v-bind:to
推荐使用
{name:别名,params:{传值}}

4.vue文件说明

export default 为向import 提供对象出口
<template> hmtl模板
<script> export default {data: function () {
            return {
                msg: 'Hello, vue router!'
            }
        }}连用 绑定vue对象
<style src="xx.css" scoped></style>绑定局部css