• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

Vue后端程序员极速入门

互联网 diligentman 2小时前 2次浏览

前言

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

指令

在另一篇基础里面好像遗漏了下面这两个,现在添上。
Vue后端程序员极速入门

Vue后端程序员极速入门

组件基础上

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
vite就是另一种创建Vue工程的方式,感觉目录结构和vue-cli也差不多,感觉也可以参考一下。
Vue后端程序员极速入门

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
注意下面的全局注册组件是在main.js中进行的;
Vue后端程序员极速入门
这个就和上面的相反,局部注册是你想在哪个组件中被注册使用则就在哪个组件中按如下方法进行注册;
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
示例:
Vue后端程序员极速入门
如外界想要传递一些参数数据到上面这个组件(my-artical)的话,我们就需要在script标签中的props属性中用数组形式接收。
然后我们在App.vue中局部注册使用my-artical组件:
Vue后端程序员极速入门
如上,引入组件(import),然后components中注册组件即可。
然后在里面使用my-artical组件,并传递两个值:
Vue后端程序员极速入门
浏览可以看到:
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
示例:
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门

组件基础下

props验证

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门

计算属性

Vue后端程序员极速入门
Vue后端程序员极速入门
注意:计算属性侧重于得到一个计算的结果,因此计算属性中必须有return返回值!
Vue后端程序员极速入门
Vue后端程序员极速入门

自定义事件

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门

组件上的v-model

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门

组件之间的数据共享

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门

vue3.x中全局配置axios

Vue后端程序员极速入门
Vue后端程序员极速入门
注意上面标红的的那段app.config…是固定写法。

路由

前端路由的概念与原理

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
结论:前端路由,指的是Hash地址与组件之间的对应关系!
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
但是在开发过程中我们并不需要向上面一样写代码,这我们就了解一下就行了,知道有这么回事就行,在开发当中我们路由的编写是靠vue-router来写的。

vue-router的基本用法

Vue后端程序员极速入门

Vue后端程序员极速入门

vue-router使用步骤

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
这个不就对应了vue-cli创建的vue项目中的router文件夹了吗,嘿嘿
Vue后端程序员极速入门
Vue后端程序员极速入门
在main.js中挂载路由,固定写法:
Vue后端程序员极速入门

vue-router的高级用法

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门

编程式导航

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门

导航首位

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门

最后

Vue后端程序员极速入门

vue-cli

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
黑马的这个是vue2.0版本的创建方式,我觉得参考性不太大,就不放了,放其他我觉得会比较有用的东西。

组件库

Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
Vue后端程序员极速入门
救命,就这样叭,不是专业前端这些我感觉应该够用了。


程序员灯塔
转载请注明原文链接:Vue后端程序员极速入门
喜欢 (0)