vue页面中引入其他vue组件
2018-11-18 18:04
441 查看
比如说有两个vue组件,app.vue,test.vue
要在app.vue中使用test.vue组件,则需要在app.vue组件中进行注册:
- 下面举一个简单的例子帮助理解:
test.vue:
<templete> <div class="test"></div> </templete> <script> export default{name:"test"} </script> <style></style>
则在app.vue中的内容为:
<templete> <div class="app"> <test></test>//此处用于激活组件 </div> </templete> <script> import test from 'path/test.vue'(注:path为相对于test.vue的相对路径)//此处用于引入test.vue export default{ name:"app", components: { test //在此处注册 } } </script> <style></style>阅读更多
相关文章推荐
- vue环境下一个主页面引入多个子组件的方法
- vue引入其他框架组件方法汇总
- 在vue-cli模式下,单个vue组件引入外部框架的css,而不干扰其他组件的方式
- 从新建vue项目到引入组件Element流程
- vue学习笔记5——路由相关配置,引入其他插件等
- 新建vue项目并引入element组件
- Vuejs刷新页面子组件数据丢失问题的一点笔记
- vue路由只变化参数页面组件不更新问题
- vue安装与如何引入组件
- vue.js vue组件中style样式中的css引入背景图路径不对,解决方案
- 1将所有的js文件引入到taglibs.jsp中,以后再其他页面中直接引入这个jsp文件
- jsp页面引入(包含)其他页面的三种实现方式
- jsp页面引入(引入其他jsp页面)三种方式
- vue 后台数据获取与组件渲染、页面刷新数据消失的问题小结
- vue一个组件引入多个swiper轮播可能引发的分页器数量异常问题
- vue引入组件无法显示且报错[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
- vue踩坑_cli_环境搭建,jquery,$http请求配置以及element组件引入
- vue+webpack 实现组件按需引入
- vue-cli 引入element(饿了吗)组件库
- 三种html引入其他页面的方法