1.创建 vue项目
流程:
1)
2)
3)
4)
5)
6)
7)
8)
9)
等待创建完毕后 cd 项目名称 进入项目内部
然后
2.启动项目 npm run serve
3.删除(不是必须)默认提供的 vue文件,记住,删除要把router.js中的路由清空掉,不然会报错
4.可以在vue.config.js中配置一下vue项目,比如更改端口,或者添加lintonsave:false,避免命名带来的小错误或者其他无关代码本身的小错误,刚改完,记得重启项目
5.查看ui图以及开发文档(接口文档)
6.可以提前先把准备工作做好,比如,下载各种所需要的额外依赖,如果axios,或者ui框架
7.全局引入我们需要的依赖,比如ui框架,比如axios
8.一般组件写在components中,页面写在views中,但是有些公司或者某些情况,两个文件夹内既有页面也有组件
9.查看ui图,然后对比框架,选择自己所需要的组件进行复制粘贴,更改参数
10.需要注意,当页面需要展现在浏览器视图中,一般有两种情况,1)组件嵌套组件2)路由展示,但是无论哪一种,都需要先创建路由(当父级组件嵌套子组件,只需要注册父级页面的路由)
11.async 搭配await以及直接使用this.$axios,两者你想使用哪一个就使用哪一个,两者本质上没有太大区别,两者目前来讲基本可以互换交替使用
11.注意,在写页面时,需要注意生命周期以及功能的调用,当功能需要页面一打开就执行,必然离不开生命周期的结合使用,当功能需要事件触发,一般都是点击等事件的触发操作
12.传参方式,一般情况下,只要是想从服务端获取数据,使用get请求,一般想做添加功能则是post,删除delete,修改put
13.页面在操作的时候,分清楚页面结构,上中下,template中则是视图层,写的内容是展示在页面中的数据,script标签中则是逻辑部分以及vue组件实例中各个属性的书写位置,底部style标签内则是样式,样式注意加scoped,避免影响其他页面
14.路由配置,一般,当我们打开页面,则需要某一个页面呈现在我们面前,则需要路由重定向,将页面直接进入新页面,则需要redirect去重定向页面地址,当我们有嵌套组件路由页面时,需要用到children属性(数组类型)
15.框架在使用的时候,复制粘贴问题
翻译
搜索
复制
标签:VUE,第一天,vue,需要,ui,组件,搭建,路由,页面 From: https://www.cnblogs.com/shianqi-123/p/17457794.html