学习VUE第一天-环境的搭建

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第一天-环境的搭建分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。