博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
初步了解vue的组件
阅读量:5998 次
发布时间:2019-06-20

本文共 348 字,大约阅读时间需要 1 分钟。

compoent引入组件

1.先写好子组件x.vue,需要从父组件传变量到子组件;

在子组件里写:props:['xx'];为变量,

或者为props:{

  title:{}

}(注:与data是在同一级的)

用法{

{xx}}即可;
2.在全局样式里引用组件

import X from './components/x.vue';

Vue.compoent('X',X);

3.在你需要引用的vue页面里引用组件即可,如
<x xx="sss"></x>就好

 

注意:我这里用的是固定值(新闻列表,不是动态的),若是动态的则是:title="",要在前面加上:,具体什么值,看你的js怎么设置了

转载于:https://www.cnblogs.com/ssszjh/p/9563260.html

你可能感兴趣的文章
2018的初冬,派卧底去阿里、京东、美团带回来的面试题及答案
查看>>
解读百度AutoDL:打破SOTA纪录的神经架构搜索是如何炼成的
查看>>
原生JavaScript封装的ajax方法示例
查看>>
高并发编程:解析HashMap
查看>>
阿里P8大牛呕心沥血整理出来的一份Java核心知识点合集
查看>>
全面解析Java注解
查看>>
关于城市级联选择和数据回显的解决方案
查看>>
设计模式-原型模式
查看>>
1、java实现发送纯文本邮件
查看>>
OSChina 周一乱弹 —— 花式遛狗法
查看>>
OSChina 周五乱弹 ——喵喵酱你脑补求婚场景了么?
查看>>
Hibernate4.x之入门篇
查看>>
有意思的小程序
查看>>
极光推送角标问题
查看>>
JDBC快速入门教程(附bbs、购物项目教程及源码)
查看>>
jd 反编译工具插件
查看>>
如何解决:Android中 Error generating final archive: D...
查看>>
xfce-terminal 终端光标设置
查看>>
Play Framework - JPA Between 写法
查看>>
Android Studio系列教程与技巧--下载安装
查看>>