资讯专栏INFORMATION COLUMN

Vue后端程序员极速入门

or0fun / 1829人阅读

摘要:前言因为我就是主攻后端的程序员,前端感觉就是知道个大概就行,所以就是自己学着些皮毛罢了,想掌握的同学们建议看其他人的文章嗷。然后我们在中局部注册使用组件如上,引入组件,然后中注册组件即可。

前言

因为我就是主攻后端的程序员,前端感觉就是知道个大概就行,所以就是自己学着些皮毛罢了,想掌握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版本的创建方式,我觉得参考性不太大,就不放了,放其他我觉得会比较有用的东西。

组件库








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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/122320.html

相关文章

  • 三篇文章带你极速入门php(三)之php原生实现登陆注册

    摘要:看下成果纯天然,绝不添加任何添加剂以及化学成分我就是喜欢纯天然,不接受任何反驳关于本文用原生的和做了一个登陆注册,大概是可以窥见一般开发的样子了。 看下成果 ps:纯天然h5,绝不添加任何添加剂(css)以及化学成分(js)( 这行session_start() 是开启session,必须在最开始写,保证我们可以使用session相关的功能 如果当前session里没有存用户的昵...

    Hancock_Xu 评论0 收藏0
  • 分享一个比较完整的Vue2+项目供大家交流学习

    摘要:分享一个比较完整的项目供大家交流学习,这个项目的英文简介项目地址在线演示翻译过来呢就是一个涉及面较广的使用豆瓣作为数据源的。 分享一个比较完整的Vue2+项目供大家交流学习,这个项目的英文简介:Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + vue-resource 项目地址:https://github.co...

    Charlie_Jade 评论0 收藏0
  • SugarHosts:糖果主机12周年活动/全场虚拟主机低至5折/可选香港、中美极速专线等/三年付每

    sugarhosts怎么样,sugarhosts好不好,sugarhosts是一家成立于2009年的英国建站主机销售商家,主营虚拟主机及vps服务器业务,有美国cn2 gia和香港直连线路可以选择,是非常适合国人免备案建站使用的主机销售商家,支持支付宝付款购买,有中文官网,支持中文工单对接处理问题等等,除此之外美国cn2 gia、香港直连线路也是国内免备案建站的首选线路。Sugarhosts 糖果...

    red_bricks 评论0 收藏0
  • 1 小时 SQL 极速入门(三)——分析函数

    摘要:小时极速入门前面两篇我们从的最基础语法讲起,到表联结多表查询。大家可以点击链接查看小时极速入门一小时极速入门二今天我们讲一些在做报表和复杂计算时非常实用的分析函数。就会得到每个分组内的按照订单数量排序的行号。 1 小时 SQL 极速入门 前面两篇我们从 SQL 的最基础语法讲起,到表联结多表查询。大家可以点击链接查看1 小时 SQL 极速入门(一)1 小时 SQL 极速入门(二)今天我...

    cyixlq 评论0 收藏0

发表评论

0条评论

or0fun

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<