vue04-components

components 组件

//组件
Vue.component('friend-component', {props : ['friend'],filters:{ageInOneYear(age) {return age + 1;},fullName(value) {return `${value.last}, ${value.first}`;}},methods: {incrementAge(friend){friend.age =  friend.age + 1;},decrementAge(friend) {friend.age = friend.age - 1;}},template : `<div><h2>age: {{friend.age}}</h2><h2>Name: {{friend | fullName}}</h2><button v-on:click="incrementAge(friend)">+</button><input v-model="friend.first"/><input v-model="friend.last"/><button v-on:click="decrementAge(friend)">-</button></div>`
})const app = new Vue({el : '#app',data : {friends: [{first : 'bobby',last : 'banne',age : 25},{first : 'john',last : 'Baby',age : 25}]},template : `<div><friend-component v-for="item in friends" v-bind:friend="item" /></div>`
})

转载于:https://www.cnblogs.com/caijw/p/8457871.html

vue04-components相关推荐

OpenCV3.3中主成分分析(Principal Components Analysis, PCA)接口简介及使用
OpenCV3.3中给出了主成分分析(Principal Components Analysis, PCA)的实现,即cv::PCA类,类的声明在include/opencv2/core.hpp文件中 ...
sqlserver 2014使用时有Cannot find one or more components
好久没用sqlserver,今天打开却出现了一个错误,Cannot find one or more components,令人头疼.在启动Microsoft SQL Server Managemen ...
【译】Web Components简介
本文翻译自:css-tricks.com/an-introduc- 前端开发正在以惊人的速度发展.曾经的前端开发,技术栈都是很简单的,如今却越来越复杂.这一点从无数的文章.教程和Twitter上就可以 ...
R语言使用caret包的preProcess函数进行数据预处理：对所有的数据列进行独立成分分析ICA（Independent components analysis）、设置method参数为ica
R语言使用caret包的preProcess函数进行数据预处理:对所有的数据列进行独立成分分析ICA(Independent components analysis).设置method参数为ica 目 ...
jQuery Mobile开发1-UI components
一.jQuery Mobile现在支持的UI components 二.List views 基础List views <!DOCTYPE html> <html><he ...
SAP MM ME21N 创建委外采购PO报错 - Not possible to determine any components - 之对策
SAP MM ME21N 创建委外采购PO报错 - Not possible to determine any components - 之对策 D项目的UAT阶段,笔者发现一个问题,创建委外采购订单 ...
taro 在components文件夹中新建组件时，组件支持自定义命名，但是不能大写开头...
在components文件夹中新建组件时,组件支持自定义命名,但是不能大写开头.否则会报错错误写法: // 真实路径 import MinaMask from '../../components/ ...
Web Components 简述
要说最近几年来,前端开发最火的一个趋势或最火的前端开发框架是什么,第一想到的是,组件及推崇组件化开发的React框架.本文将介绍Web Components规范并就组件的几大特性进行讨论. 前言在开 ...
[转] asp.net core Introducing View Components
本文转自:http://www.c-sharpcorner.com/uploadfile/8c19e8/asp-net-5-getting-started-with-asp-net-mvc-6/ In ...
在ASP.NET中使用Office Web Components (OWC)创建统计图
图形和图表是Web上数据表现的很好的形式,在ASP.NET,可以使用Office Web Components (OWC)来创建统计图.Office Web Component (OWC)是包含在Mi ...

vue04-components

components 组件

vue04-components相关推荐

最新文章

热门文章