YourJS
  • Blog
  • Docs
  • Downloads
  • More
    Console IO Apps Bookmarklet Creator Other Tools & Utilities
    License (MIT) Version Updates
    Sign In
    YourJS 1.0 jPaq
    Chris West's Blog
  1. Open the Google Sheet that contains the data that you want to show as a web page using VueJS.
  2. Click on the "File" menu in the top-left, hover over the "Share" option and then click on "Publish to web".
  3. Select the specific tab containing the data that you want to use.
  4. Click on the green "Publish" button.
  5. If you are prompted, please confirm that you want to publish the selection to the web. Make sure that you only publish a tab that doesn't contain any sensitive data.
  6. Now that your data has been published, copy the URL to the clipboard.
  7. Paste the copied URL in the URL textbox in the "Sheets" tab.
  8. Enter a developer name for the URL so that it can be referenced in the "JS" tab's code (eg. gsheetsByName.yourCustomDevName). Repeat these steps for all of the Google Sheets that you want to use for source data.
  9. Update the code in the CSS, HTML, and JS tabs and then use "Preview" to see the end result.
URL Developer Name
{{ sheetMetaErrors[sheetMetaIndex].url }}
{{ sheetMetaErrors[sheetMetaIndex].name }}