一、学习内容：
组件切换的时候传参、
router-link to="/url/值1/值2"
路由配置
path:"/url/:占位符1/：占位符2"
占位符需要使用this.$route.params获取
直接拼接在地址里 ？
使用this.$route.query
子组件中的组件
组件嵌套
声明好需要切换的子组件
在父组件的配置
routes中
给对象加一个children属性 值是一个数组，相当于配置routes，path里面不加/，在routerlink的to中/父组件url/子组件url
给routerview命名
在显示里面写
router-view加上name属性 name='name1'和name='name2'
在routes配置里面path，将component换成components {
name1:组件1，name2,：组件2
}
v-model 属性 v-model.number输入框字符串转数字
.trim 去掉字符串首尾的空格 lazy input事件变成change事件
watch：{
‘$route.path’
}
webpack
前端打包工具（babel，webpack）
静态资源打包
js生成以后
mode：development
scrits:{
"名字"：“webpack”
}
node run 名字
出入口修改
entry：path.join(需要打包js的绝对路径)
output：{
path:出口的绝对路径，
filename:"生成的文件名字"
HMR热加载
webpack-dev-server
scripts:{
"dev":"webpack serve"}
}
html-webpack-plugin 没有js的插件
没有css
css-loader让webpack认识css文件
style-loader 负责吧css放到页面里
less less-loader
sass sass-loader |
|
