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