[Vuejs]-How to use side-nav from materialize in vue.js 2.0

You also need to have v-btn-link on click on which this will come up, as it is given in demo:

<v-btn-link v-side-nav:demo="nav">Click Me</v-btn-link>
<v-side-nav id="demo">
    <ul>
        <li v-for="n in 5">
            <a href="#!">Link</a>
        </li>
    </ul>
</v-side-nav>


export default {
    data () {
        return {
            nav: {
                edge: 'right'
            }
        }
    }
}