VUE结合社区，是不是可以搞一下，但是貌似出点问题！

keikeizhang · 7年前

<head>
    <meta charset="UTF-8">
    <title>极简生活</title>
    <link rel="stylesheet" href="/css/bootstrap.css">
    <link rel="stylesheet" href="/css/test.css">

</head>
<body>
<nav role="navigation" class="navbar navbar-default navbar-static-top">
    <div class="container">
    <div class="navbar-header">
        <a href="{ url('/') }" class="navbar-brand">极简生活</a>
    </div>
    <div class="navbar-collapse collapse" id="navbar">
        <ul class="nav navbar-nav">
            <li class="active"><a href="/">主 页</a></li>
            <li><a href="#about">关 于</a></li>
            <li><a href="#contact">联 系</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="../navbar/">登 陆</a></li>
            <li><a href="/user/register">注 册</a></li>
        </ul>
    </div><!--/.nav-collapse -->
    </div>
</nav>
@yield('content')
<script src="/js/vue.min.js"></script>
<script>
    Vue.component('tasks',{
        template:'#tasks-template',
        props:['list'],
        create:function(){
            this.list = JSON.parse($this.list);
        }
    });
    new Vue({
        el:'body'
    })
</script>
</body>
</html>