js 获取vue组件html_vue.js中怎么引入组件？

前端框架vue，在利用脚手架工具vue-cli创建前端项目时候，怎么引入组件呢？下面本篇文章给大家介绍一下引入子组件的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

vue.js中怎么引入子组件？

1、第一步，利用vue-cli创建一个vue前端项目，文件夹如下图

2、第二步，例子是在hom.vue界面引入子组件header.vue，如下图

3、第三步，给子组件header.vue命名一个全局的id，export default {

name: 'HomeHeader'

}

代码如下图

4、第四步，返回home.vue组件，引用header.vue组件代码如下图

HomeHeader 对应上一步的命名；

首先引入界面import HomeHeader from './pages/header'

然后渲染界面export default {

name: 'home',

components: {

HomeHeader

}

5、第五步，进过引入界面和渲染界面后，可以在home.vue调用header.vue界面了，

对应HomeHeader大写变小写，连接处用-链接

如下图

6、第六步，运行项目，打开网页显示，子组件引入成功，如下图

更多web前端开发知识，请查阅 HTML中文网！！

js 获取vue组件html_vue.js中怎么引入组件？相关推荐

微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法参考文章: (1)微信小程序首页index.js获取不到app.js中动态设置的globalDat ...
js 获取vue组件html_vue项目中，index.html数据与组件之间通信，传值，以获取MAC地址为例...
最近在项目里接手别人的代码来做完善,其中一个是修复获取不到MAC地址的bug,仔细看了下代码,发现需要用到Activex控件. 上一位同事在写的时候把写在index.html文件中,获取mac地址的j ...
html5地区级联选择,【JS】vue+vant移动端地区级联选择组件
首页专栏 javascript 文章详情 0 vue+vant移动端地区级联选择组件 quanta发布于今天 08:25 写在开头:项目的框架是vue+vant,业务需求一个级联的地区选择,写完才 ...
html中显示js获取的图片地址,js如何获取UEditor富文本编辑器中的图片地址
写之前在网上找了很多方法,最简单的思路应该是1.获取UEditor中的内容:2.将获取到的字符串转换成jquery对象:3.选择器找到img元素,获取src值.var content= UE.getE ...
js获取今天剩余时间_Node.js 在微医的应用场景及实践
我是来自微医集团消费事业群的前端工程师高翔,这篇文章整理自我在<第一届缤纷前端技术沙龙>的主题分享<Node.js 在医疗行业的应用>,介绍了 Node.js 在微医的发展历程 ...
js获取PC设备信息,js获取手机设备信息,最全
获取设备系统和型号<封装方法> <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...
js获取当前服务器信息,js 获取当前服务器的地址
js 获取当前服务器的地址内容精选换一换 DHCP无法正常获取内网IP,当DHCP无法正常获取内网IP时,不同系统的云服务器表现如下:Linux系统表现为无法获取内网IP.windows系统由于自 ...
js获取android mac地址,JS获取客户端IP地址、MAC和主机名的7个方法汇总
今天在搞JS(javascript)获取客户端IP的小程序,上网搜了下,好多在现在的系统和浏览器中的都无效,很无奈,在Chrome.FireFox中很少搞到直接利用ActiveX获取IP等的JS脚本. ...
js基础总结——js 获取元素节点、js 绑定onclick事件、js 获取属性修改属性值、js 获取子元素、js 改变css样式
参考书籍:<JavaScript DOM编程艺术第2版> 本博客代码的测试页面是:https://www.layui.com/ js dom操作 js 获取元素节点一份document ...

js 获取vue组件html_vue.js中怎么引入组件？

js 获取vue组件html_vue.js中怎么引入组件？相关推荐

最新文章

热门文章