vue.js中怎么引入组件


本文摘自PHP中文网,作者V,侵删。

vue.js中引入组件的方法:1、创建自定义组件的文件夹;2、在要添加的页中加入要引入的模块;3、在index.vue中引入模块;4、在index.vue页面引入组件即可。

具体步骤如下:

(相关视频推荐:jquery视频教程)

1、首先在你的项目中专门创建一个放置自定义组件的文件夹(我是放在了components底下的common中,本文以table.vue为例)

dd32e43a69493a25a10a61bc409d26e.png

2、然后在你要添加的页中加入要引入的模块,注意驼峰命名的方式(本文为例:<v-table></v-table>,因为我在定义table模块的时候是定义name:v-table,所以引用的时候,也必须得用所在table模块中name定义的名字);

f7ff0e9cde4e9c05bda65929f057b84.png

阅读剩余部分

相关阅读 >>

vue.js全家桶包含哪些

webstorm怎样新建vue.js的项目

如何卸载vue.js

vue.js服务端渲染是什么

vue.js循环引用组件报错怎么办

详解6个不同级别的组件可重用性概念

浅谈vue.js中的props(单向数据流)

vue.js中指令的作用是什么?

vue.js怎样写一个轮播图

vue.js怎么判断对象为空

更多相关阅读请进入《vue.js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...