ASP.NET MVC/web api project - I would like my controller to return Json, but I've got myself a bit lost any help would be appreciated please?

My problem is that I've been following ASP.net MVC/API tutorials I have a working controller in the MVC side of things.For instance this works fine and returns my data in a view: public class DestinationController : Controller { private ebstestEntities db = new ebstestEntities();

    // GET: Destination
    public async Task<ActionResult> Index()
    {

        return View(await db.CI_DEST_ALL_VARIABLES.ToListAsync());
    }

However when I take a look at the following example, which I had working on another project, I cant seem to work out how to change it to fit in with my project controller above.

        // GET: Destination
    public async Task<ActionResult> IndexVM()
    {
        var model = new BeerIndexVM;

        using (var db = new AngularDemoContext())
        {
            model.Beers = db.Beers.ToList();
        }
        return Json(model, JsonRequestBehavior.AllowGet);
    }

Any help or advice would be greatly appreciated, and if any one can recommend a good resource or book for learning ASP.net MVC Web API that would be great. Thanks