个人做网站要注意什么条件,wordpress的用户名与密码,怎样在百度上发布自己的信息,企业网站的重要性1. 应用动态props传递数据#xff0c;输出影片的图片、名称和描述等信息【要求使用props】#xff0c;效果图如下#xff1a; 2.在页面中定义一个按钮和一行文本#xff0c;通过单击按钮实现放大文本的功能。【要求使用$emit()】 代码可以截图或者复制黏贴放置在“实验… 1. 应用动态props传递数据输出影片的图片、名称和描述等信息【要求使用props】效果图如下 2.在页面中定义一个按钮和一行文本通过单击按钮实现放大文本的功能。【要求使用$emit()】 代码可以截图或者复制黏贴放置在“实验步骤及实验结果”中 1. 应用动态props传递数据输出影片的图片、名称和描述等信息【要求使用props】script typetext/javascript //注册全局组件 Vue.component(my-movie, { //补充完整传递动态Prop props:[img,name,description], template : div \ img :srcimg \ div classmovie_name{{name}}/div \ div classmovie_des{{description}}/div \ /div }) //创建根实例 var vm new Vue({ el:#example, data: { img1: 1.jpg, name: 我是传奇, description: 末世科幻动作电影 } }) 2. 在页面中定义一个按钮和一行文本通过单击按钮实现放大文本的功能。script var vm new Vue({ el: #app, data:{ postFontSize1:10 }, methods: { showMsg(data) { this.postFontSize1 data } }, components: { childNode: { template: #child, data() { return { postFontSize: 10 } }, methods: { add() { this.postFontSize; this.$emit(show, this.postFontSize) } }, } } }) /script 1. 应用动态props传递数据输出影片的图片、名称和描述等信息 图1 2. 在页面中定义一个按钮和一行文本通过单击按钮实现放大文本的功能。 图2 1. html head meta http-equivContent-Type contenttext/html; charsetutf-8 / title输出影片信息/title style body{ font-family:微软雅黑} img{ width:240px; height:172px;} .movie_name{padding-left:10px; font-size:18px; color: #333333; margin-top:8px;} .movie_des{padding-left:10px; font-size:14px; color: #7a7a7a; margin-top:5px;} /style script srcvue.js/script /head body div idexample !-- 补充完整 -- my-movie v-bind:imgimg1 :namename :descriptiondescription/my-movie /div script typetext/javascript //注册全局组件 Vue.component(my-movie, { //补充完整传递动态Prop props:[img,name,description], template : div \ img :srcimg \ div classmovie_name{{name}}/div \ div classmovie_des{{description}}/div \ /div }) //创建根实例 var vm new Vue({ el:#example, data: { img1: 1.jpg, name: 我是传奇, description: 末世科幻动作电影 } }) /script /body /html 2. !DOCTYPE html html langen head meta charsetUTF-8 title子向父通信/title script srcvue.js/script /head body div idapp child-node v-on:showshowMsg/child-node div :style{ fontSize: postFontSize1 px } 我是内容br /div /div template idchild div button clickadd增加/buttonbr /div /template script var vm new Vue({ el: #app, data:{ postFontSize1:10 }, methods: { showMsg(data) { this.postFontSize1 data } }, components: { childNode: { template: #child, data() { return { postFontSize: 10 } }, methods: { add() { this.postFontSize; this.$emit(show, this.postFontSize) } }, } } }) /script /body /html
