vue组件案例----发表评论功能

页面展示
发表评论功能页面
1.引入样式bootstrap.css和vue.js文件

<link rel="stylesheet" href="../bootsrtrap/css/bootstrap.css">
<script src="./vue.js"></script>

2.1定义vue组件content-mode为评论模块区域,并渲染到页面
2.2自定义评论列表数据并使用插值表达式渲染到页面

<div id="app">
        <content-mode @func="loadComments"></content-mode>
        <ul class="list-group">
            <li class="list-group-item" v-for="item in list" :key="item.id">
                <span class="badge">{{item.user}}</span> {{item.content}}
            </li>
        </ul>
 </div>
<template id="tmp">
        <div>
            <div class="form-group">
                <label&g

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览