VueJs templating. How to load external templates

by

You can use the script tag template by just referring to its id.

{
  template: '#some-id'
}

Though, I highly recommend using vueify (if you use browserify) or vue-loader (if you use webpack) so you can have your components stored in nice little .vue files like this.

vue file

Also, the author of Vue wrote a nice post about the topic of external template urls:

https://vuejs.org/2015/10/28/why-no-template-url/

More Related Contents:

  1. What is Hungarian Notation? [duplicate]
  2. How do you increment a cookie value?
  3. How do I POST urlencoded form data with $http without jQuery?
  4. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  5. Make VueJS and jQuery play nice
  6. How to detect browser back button click event using angular?
  7. How to make a directive update ng-model on jquery on event?
  8. How can I make an AngularJS directive to stopPropagation?
  9. How to use jQuery in AngularJS
  10. AngularJS group check box validation
  11. Using Jquery Datatable with AngularJs
  12. How to install jQuery into Nuxt.js?
  13. Format input value in Angularjs
  14. Disable Chrome strict MIME type checking
  15. Should we use jQuery with AngularJS? [closed]
  16. Skip ng-repeat JSON ordering in Angular JS
  17. Consider marking event handler as ‘passive’ to make the page more responsive
  18. ScrollTo function in AngularJS
  19. AngularJS : ng-model binding not updating when changed with jQuery
  20. Remove ‘All Files’ option from HTML file input
  21. Hour difference between two times(HH:MM:SS a)in momentjs
  22. Easy dom manipulation in AngularJS – click a button, then set focus to an input element
  23. How to implement hierarchical multilevel datatable in javaScript?
  24. Run jQuery code after AngularJS completes rendering HTML
  25. ng-mouseover and leave to toggle item using mouse in angularjs
  26. AngularJS: lazy loading controllers and content
  27. Is it a bad practice to use jQuery in Angular? [closed]
  28. How is AngularJS different from jQuery
  29. Angular.js ng-repeat across multiple elements
  30. AngularJS event on window innerWidth size change

Leave a Comment