Vue后端程序员极速入门

前言

因为我就是主攻后端的程序员，前端感觉就是知道个大概就行，所以就是自己学着些皮毛罢了，想掌握Vue的同学们建议看其他人的文章嗷。另外比较基础的一些东西我也写在了本专栏的另外一篇《Vue基础》里，有需要的可以去看看。这里只记一些我不太懂的问题，并且只是了解并非想熟悉掌握。

指令

在另一篇基础里面好像遗漏了下面这两个，现在添上。

组件基础上

vite就是另一种创建Vue工程的方式，感觉目录结构和vue-cli也差不多，感觉也可以参考一下。

注意下面的全局注册组件是在main.js中进行的；

这个就和上面的相反，局部注册是你想在哪个组件中被注册使用则就在哪个组件中按如下方法进行注册；

示例：

如外界想要传递一些参数数据到上面这个组件（my-artical）的话，我们就需要在script标签中的props属性中用数组形式接收。
然后我们在App.vue中局部注册使用my-artical组件：

如上，引入组件（import），然后components中注册组件即可。
然后在里面使用my-artical组件，并传递两个值：

浏览可以看到：



示例：

组件基础下

props验证

计算属性

注意：计算属性侧重于得到一个计算的结果，因此计算属性中必须有return返回值！

自定义事件

组件上的v-model

组件之间的数据共享

vue3.x中全局配置axios

注意上面标红的的那段app.config…是固定写法。

路由

前端路由的概念与原理

结论：前端路由，指的是Hash地址与组件之间的对应关系！




但是在开发过程中我们并不需要向上面一样写代码，这我们就了解一下就行了，知道有这么回事就行，在开发当中我们路由的编写是靠vue-router来写的。

vue-router的基本用法

vue-router使用步骤

这个不就对应了vue-cli创建的vue项目中的router文件夹了吗，嘿嘿


在main.js中挂载路由，固定写法：

vue-router的高级用法

编程式导航

导航首位

最后

vue-cli

黑马的这个是vue2.0版本的创建方式，我觉得参考性不太大，就不放了，放其他我觉得会比较有用的东西。

组件库

救命，就这样叭，不是专业前端这些我感觉应该够用了。