SharePoint Saturday Charlotte 8/10/19

I had the opportunity to lead a SharePoint session today at SP Saturday Charlotte. The topic was using VUE.js with SharePoint. I promised that I would provide the code and the codepen I Shared.


The help desk code on Gist can be found at this blog post from a previous SP Saturday I did.

expansion.html & expansion.js
  <script src=""></script> 
  <script src=""></script>
  <script src=""></script>
  <script src=""></script>

	<link rel="stylesheet" href=",300,400,500,700,900|Material+Icons" />
  <link rel="stylesheet" href="" />

<div id="app">

<v-app id="inspire">
    <v-expansion-panel inset focusable>
      <v-expansion-panel-content lazy
        v-for="(item,i) in expansion"
        <template v-slot:header>
<script type="text/javascript" src="/sites/demos/mdemos/webpart/expansion/expansionPanel.js"></script>
new Vue({
    data: {
        expansion: []
    created: function(){
    methods: {
        getListData: function(){
            var endPointUrl = _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getbyTitle('expansion list')/items";

            var vm = this;
                vm.expansion =;
                console.log("Always executes")


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: