欢迎光临
感谢一路有你

vue+elementUI项目实战1

可视化新建项目

打开可视化面板

image-20200701103311705

创建项目

image-20200701103242645

image-20200701103418984

image-20200701103620582

image-20200701103707915

image-20200701103901875

可以保存为预设,下次使用此预设时就不需要再次配置了

创建完成后我们可以看到他的文件结构

image-20200701104332082

image-20200701104356103

vue3初体验

入口文件在public中,不在根目录

配置全局变量 根目录新建vue.config.js

启动命令:定位到根目录,执行命令 npm run serve

自动打开项目网页

image-20200701111048896

组件间的传值

新建两个文件child.vue parent.vue

image-20200701112505848

父子组件的传值

  • props/$emit
  • $parent/children (获取组件信息)
  • $ref (获取组件信息 给了一个名称)

app.vue

parent.vue

child.vue

非父子组件之间的传值

  • 事件总线

  • $attrs/ $listeners

    解决多级组件传值问题

路由

vue-router

跳转

动态路由

Vuex

/store 中

插件推荐

image-20200701112358247

赞(0) 打赏
未经允许不得转载:王明昌博客 » vue+elementUI项目实战1
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

隐藏
变装