我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

程灿--20221228--vue第六天

[复制链接]
Cc7507 发表于 2023-1-7 09:28:17 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
组件切换的时候传参、
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
回复

使用道具 举报

关注0

粉丝0

帖子64

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026