菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育

标题: 王龙飞 2023-2-9 [打印本页]

作者: 浅夏ζ    时间: 2023-2-16 18:26
标题: 王龙飞 2023-2-9
一、学习内容:
组件切换的时候传参、
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






欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) Powered by Discuz! X3.4