企业网站 php 下载,wordpress修改语言,wordpress里无法添加图片,定制网站开发公司生物医药文章目录 一、组件传值二、elementui组件使用三、fontawesome图标 一、组件传值
1、父组件与孩子组件传值
在孩子组件中定义props属性#xff0c;里面定义好用于接收父亲数据的变量。 孩子组件是Movie Movie.vue。注意看在Movie组件里面有props对象中的title和rating属性用… 文章目录 一、组件传值二、elementui组件使用三、fontawesome图标 一、组件传值
1、父组件与孩子组件传值
在孩子组件中定义props属性里面定义好用于接收父亲数据的变量。 孩子组件是Movie Movie.vue。注意看在Movie组件里面有props对象中的title和rating属性用于父亲使用。
templatedivh1{{title}}/h1span评分{{ rating }}/spanbutton clickshow点击收藏/button/div/templatescript
export default {name:Movie,// props将属性暴露给外界进行赋值props:[title,rating],methods:{show(){alert(EcustGood)}}
}
/script在父亲组件中使用孩子组件使用时传入参数。 比如我在App.vue里面使用孩子组件时如下。我的孩子组件中的props就是titlerating。我传入的就是这两个值。
Movie v-formovie in movies :keymovie.id :titlemovie.title :ratingmovie.rating /MovieApp.vue
templatediv idappMovie v-formovie in movies :keymovie.id :titlemovie.title :ratingmovie.rating /Movie/div
/templatescriptimport Movie from ./components/Movie.vue;
import Hello from ./components/Hello.vue;export default {name: App,components: {Movie,Hello},data(){return{movies:[{id:001,title:阿甘正传,rating:9.8},{id:002,title:肖申克的救赎,rating:9.9},{id:003,title:星际穿越,rating:9.6}]}}
}
/scriptstyle
#app {font-family: Avenir, Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;color: #2c3e50;margin-top: 60px;
}
/style
二、elementui组件使用
elelmentui官网 首先要在项目目录下安装elementui
npm i element-ui -S能够看到package.json文件里。 另外项目中的node_modules文件夹都是我们安装的第三方依赖库这个可以删除只要package.json文件还在npm install。
第二步在main.js中全局注册elementui组件。
//注册elementui组件
Vue.use(ElementUI)第三步就可以直接在elelmentui官网打开一个组件使用即可。直接把代码复制到组件里面即可。
三、fontawesome图标
官网网址
安装
npm install font-awesome使用在main.js中引入在任何地方使用。
import font-awesome/css/font-awesome.min.css用法很简单,在哪用直接用就好
i classfa fa-automobile/i