diff --git a/docs/index.html b/docs/index.html
index 11d968660..0693aba3a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -162,5 +162,6 @@
         }
       })();
     </script>
+    <script src="//cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>
   </body>
 </html>
diff --git a/docs/vue.md b/docs/vue.md
index 2b3904b19..5e62363d0 100644
--- a/docs/vue.md
+++ b/docs/vue.md
@@ -1,99 +1,137 @@
-# Compatible with Vue
+# Vue compatibility
 
-You can write Vue components directly in the Markdown file, and it will be parsed. You can use this feature to write vue demo and documentation together.
+Docsify allows Vue [v2.x](https://vuejs.org) and [v3.x](https://v3.vuejs.org) components to be added directly to you Markdown files. These components can greatly simplify working with data and adding reactivity to your content.
 
-## Basic usage
+To get started, load either the production or development version of Vue in your `index.html`:
 
-Load the Vue in `./index.html`.
+#### Vue 2.x
 
 ```html
-<script src="//cdn.jsdelivr.net/npm/vue"></script>
-<script src="//cdn.jsdelivr.net/npm/docsify"></script>
+<!-- Production -->
+<script src="//cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>
 
-<!-- Or use the compressed files -->
-<script src="//cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
-<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
+<!-- Development (debugging and Vue.js devtools support) -->
+<script src="//cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
 ```
 
-Then you can immediately write Vue code at Markdown file. `new Vue({ el: '#main' })` script is executed by default to create instance.
+#### Vue 3.x
 
-*README.md*
+```html
+<!-- Production -->
+<script src="//cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
+
+<!-- Development (debugging and Vue.js devtools support) -->
+<script src="//cdn.jsdelivr.net/npm/vue@3/dist/vue.global.js"></script>
+```
 
-````markdown
-# Vue guide
+## Basic rendering
 
-`v-for` usage.
+Docsify will automatically render basic Vue content that does not require `data`, `methods`, or other instance features.
 
-```html
+```markdown
 <ul>
-  <li v-for="i in 10">{{ i }}</li>
+  <li v-for="i in 3">{{ i }}</li>
 </ul>
 ```
 
+The HTML above will render the following:
+
 <ul>
-  <li v-for="i in 10">{{ i }}</li>
+  <li v-for="i in 3">{{ i }}</li>
 </ul>
-````
 
-You can manually initialize a Vue instance.
+## Advanced usage
+
+Vue components and templates that require `data`, `methods`, computed properties, lifecycle hooks, etc. require manually creating a new `Vue()` instance within a `<script>` tag in your markdown.
 
-*README.md*
+<!-- prettier-ignore-start -->
 
 ```markdown
-# Vue demo
+<div id="example-1">
+  <p>{{ message }}</p>
 
-<div id="main">hello {{ msg }}</div>
+  <button v-on:click="hello">Say Hello</button>
 
+  <button v-on:click="counter -= 1">-</button>
+  {{ counter }}
+  <button v-on:click="counter += 1">+</button>
+</div>
+```
+
+<!-- prettier-ignore-end -->
+
+#### Vue 2.x
+
+```markdown
 <script>
   new Vue({
-    el: '#main',
-    data: { msg: 'Vue' }
-  })
+    el: "#example-1",
+    data: function() {
+      return {
+        counter: 0,
+        message: "Hello, World!"
+      };
+    },
+    methods: {
+      hello: function() {
+        alert(this.message);
+      }
+    }
+  });
 </script>
 ```
 
-!> In a Markdown file, only the script within the first script tag is executed.
+#### Vue 3.x
 
-## Combine Vuep to write playground
+```markdown
+<script>
+  Vue.createApp({
+    data: function() {
+      return {
+        counter: 0,
+        message: "Hello, World!"
+      };
+    },
+    methods: {
+      hello: function() {
+        alert(this.message);
+      }
+    }
+  }).mount("#example-1");
+</script>
+```
 
-[Vuep](https://github.com/QingWei-Li/vuep) is a component for rendering Vue components with live editor and preview. Supports Vue component spec and JSX.
+The HTML & JavaScript above will render the following:
 
-*index.html*
+<!-- prettier-ignore-start -->
 
-```html
-<!-- Inject CSS file -->
-<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/vuep/dist/vuep.css">
-
-<!-- Inject JavaScript file -->
-<script src="//cdn.jsdelivr.net/npm/vue"></script>
-<script src="//cdn.jsdelivr.net/npm/vuep"></script>
-<script src="//cdn.jsdelivr.net/npm/docsify"></script>
-
-<!-- or use the compressed files -->
-<script src="//cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
-<script src="//cdn.jsdelivr.net/npm/vuep/dist/vuep.min.js"></script>
-<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
-```
+<div id="example-1">
+  <p>{{ message }}</p>
 
-*README.md*
-```markdown
-# Vuep
+  <button v-on:click="hello">Say Hello</button>
 
-<vuep template="#example"></vuep>
+  <button v-on:click="counter -= 1">-</button>
+  {{ counter }}
+  <button v-on:click="counter += 1">+</button>
+</div>
 
-<script v-pre type="text/x-template" id="example">
-  <template>
-    <div>Hello, {{ name }}!</div>
-  </template>
+<!-- prettier-ignore-end -->
 
-  <script>
-    module.exports = {
-      data: function () {
-        return { name: 'Vue' }
+!> Only the first `<script>` tag in a markdown file is executed. If you are working with multiple Vue components, all `Vue` instances must be created within this tag.
+
+<script>
+  new Vue({
+    el: "#example-1",
+    data: function() {
+      return {
+        counter: 0,
+        message: "Hello, World!"
+      };
+    },
+    methods: {
+      hello: function() {
+        alert(this.message);
       }
     }
-  </script>
+  });
 </script>
-```
-
-?> Example Refer to the [Vuep documentation](https://qingwei-li.github.io/vuep/).
diff --git a/jest.config.js b/jest.config.js
index d94e85c54..8cd635e35 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -4,7 +4,7 @@ const { globals: serverGlobals } = require('./test/config/server.js');
 const sharedConfig = {
   errorOnDeprecated: true,
   globals: {
-    ...serverGlobals, // BLANK_URL, DOCS_URL, LIB_URL, TEST_HOST
+    ...serverGlobals, // BLANK_URL, DOCS_URL, LIB_URL, NODE_MODULES_URL, TEST_HOST
     DOCS_PATH: path.resolve(__dirname, 'docs'),
     LIB_PATH: path.resolve(__dirname, 'lib'),
     SRC_PATH: path.resolve(__dirname, 'src'),
diff --git a/package-lock.json b/package-lock.json
index 584c5805a..1ba67dc59 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4340,6 +4340,79 @@
         }
       }
     },
+    "@vue/compiler-core": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.0.tgz",
+      "integrity": "sha512-XqPC7vdv4rFE77S71oCHmT1K4Ks3WE2Gi6Lr4B5wn0Idmp+NyQQBUHsCNieMDRiEpgtJrw+yOHslrsV0AfAsfQ==",
+      "dev": true,
+      "requires": {
+        "@babel/parser": "^7.11.5",
+        "@babel/types": "^7.11.5",
+        "@vue/shared": "3.0.0",
+        "estree-walker": "^2.0.1",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "estree-walker": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.1.tgz",
+          "integrity": "sha512-tF0hv+Yi2Ot1cwj9eYHtxC0jB9bmjacjQs6ZBTj82H8JwUywFuc+7E83NWfNMwHXZc11mjfFcVXPe9gEP4B8dg==",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        }
+      }
+    },
+    "@vue/compiler-dom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.0.tgz",
+      "integrity": "sha512-ukDEGOP8P7lCPyStuM3F2iD5w2QPgUu2xwCW2XNeqPjFKIlR2xMsWjy4raI/cLjN6W16GtlMFaZdK8tLj5PRog==",
+      "dev": true,
+      "requires": {
+        "@vue/compiler-core": "3.0.0",
+        "@vue/shared": "3.0.0"
+      }
+    },
+    "@vue/reactivity": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.0.tgz",
+      "integrity": "sha512-mEGkztGQrAPZRhV7C6PorrpT3+NtuA4dY2QjMzzrW31noKhssWTajRZTwpLF39NBRrF5UU6cp9+1I0FfavMgEQ==",
+      "dev": true,
+      "requires": {
+        "@vue/shared": "3.0.0"
+      }
+    },
+    "@vue/runtime-core": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.0.tgz",
+      "integrity": "sha512-3ABMLeA0ZbeVNLbGGLXr+pNUwqXILOqz8WCVGfDWwQb+jW114Cm8djOHVVDoqdvRETQvDf8yHSUmpKHZpQuTkA==",
+      "dev": true,
+      "requires": {
+        "@vue/reactivity": "3.0.0",
+        "@vue/shared": "3.0.0"
+      }
+    },
+    "@vue/runtime-dom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.0.tgz",
+      "integrity": "sha512-f312n5w9gK6mVvkDSj6/Xnot1XjlKXzFBYybmoy6ahAVC8ExbQ+LOWti1IZM/adU8VMNdKaw7Q53Hxz3y5jX8g==",
+      "dev": true,
+      "requires": {
+        "@vue/runtime-core": "3.0.0",
+        "@vue/shared": "3.0.0",
+        "csstype": "^2.6.8"
+      }
+    },
+    "@vue/shared": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0.tgz",
+      "integrity": "sha512-4XWL/avABGxU2E2ZF1eZq3Tj7fvksCMssDZUHOykBIMmh5d+KcAnQMC5XHMhtnA0NAvktYsA2YpdsVwVmhWzvA==",
+      "dev": true
+    },
     "@zkochan/cmd-shim": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@zkochan/cmd-shim/-/cmd-shim-3.1.0.tgz",
@@ -6770,6 +6843,12 @@
         }
       }
     },
+    "csstype": {
+      "version": "2.6.13",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.13.tgz",
+      "integrity": "sha512-ul26pfSQTZW8dcOnD2iiJssfXw0gdNVX9IJDH/X3K5DGPfj+fUYe3kB+swUY6BF3oZDxaID3AJt+9/ojSAE05A==",
+      "dev": true
+    },
     "currently-unhandled": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
@@ -19236,6 +19315,23 @@
       "integrity": "sha512-DRibZL6DsNhIgYQ+wNdWDL2SL3bKPlVrRiBqV5yuMm++op8W4kGFtaQfCs4KEJn0wBZcHVHJ3eoywX8983k1ow==",
       "dev": true
     },
+    "vue2": {
+      "version": "npm:vue@2.6.12",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.12.tgz",
+      "integrity": "sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg==",
+      "dev": true
+    },
+    "vue3": {
+      "version": "npm:vue@3.0.0",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.0.0.tgz",
+      "integrity": "sha512-ZMrAARZ32sGIaYKr7Fk2GZEBh/VhulSrGxcGBiAvbN4fhjl3tuJyNFbbbLFqGjndbLoBW66I2ECq8ICdvkKdJw==",
+      "dev": true,
+      "requires": {
+        "@vue/compiler-dom": "3.0.0",
+        "@vue/runtime-dom": "3.0.0",
+        "@vue/shared": "3.0.0"
+      }
+    },
     "w3c-hr-time": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
diff --git a/package.json b/package.json
index 7c3d99f16..2572f7793 100644
--- a/package.json
+++ b/package.json
@@ -103,6 +103,8 @@
     "rollup-plugin-uglify": "^6.0.4",
     "serve-handler": "^6.1.2",
     "stylus": "^0.54.5",
+    "vue2": "npm:vue@^2.6.12",
+    "vue3": "npm:vue@^3.0.0",
     "xhr-mock": "^2.5.1"
   },
   "keywords": [
diff --git a/src/core/render/index.js b/src/core/render/index.js
index 4b7a08e02..068f66cd6 100644
--- a/src/core/render/index.js
+++ b/src/core/render/index.js
@@ -26,9 +26,7 @@ function executeScript() {
     return false;
   }
 
-  setTimeout(_ => {
-    window.__EXECUTE_RESULT__ = new Function(code)();
-  }, 0);
+  new Function(code)();
 }
 
 function formatUpdated(html, updated, fn) {
@@ -48,22 +46,56 @@ function renderMain(html) {
   }
 
   this._renderTo('.markdown-section', html);
+
   // Render sidebar with the TOC
   !this.config.loadSidebar && this._renderSidebar();
 
-  // Execute script
+  // Execute markdown <script>
   if (
-    this.config.executeScript !== false &&
-    typeof window.Vue !== 'undefined' &&
-    !executeScript()
+    this.config.executeScript ||
+    ('Vue' in window && this.config.executeScript !== false)
   ) {
-    setTimeout(_ => {
-      const vueVM = window.__EXECUTE_RESULT__;
-      vueVM && vueVM.$destroy && vueVM.$destroy();
-      window.__EXECUTE_RESULT__ = new window.Vue().$mount('#main');
-    }, 0);
-  } else {
-    this.config.executeScript && executeScript();
+    executeScript();
+  }
+
+  // Handle Vue content not handled by markdown <script>
+  if ('Vue' in window) {
+    const mainElm = document.querySelector('#main') || {};
+    const childElms = mainElm.children || [];
+    const vueVersion =
+      window.Vue.version && Number(window.Vue.version.charAt(0));
+
+    for (let i = 0, len = childElms.length; i < len; i++) {
+      const elm = childElms[i];
+      const isValid = elm.tagName !== 'SCRIPT';
+
+      if (!isValid) {
+        continue;
+      }
+
+      // Vue 3
+      if (vueVersion === 3) {
+        const isAlreadyVue = Boolean(elm._vnode && elm._vnode.__v_skip);
+
+        if (!isAlreadyVue) {
+          const app = window.Vue.createApp({});
+
+          app.mount(elm);
+        }
+      }
+      // Vue 2
+      else if (vueVersion === 2) {
+        const isAlreadyVue = Boolean(elm.__vue__ && elm.__vue__._isVue);
+
+        if (!isAlreadyVue) {
+          new window.Vue({
+            mounted: function() {
+              this.$destroy();
+            },
+          }).$mount(elm);
+        }
+      }
+    }
   }
 }
 
diff --git a/test/README.md b/test/README.md
index dbbb119ab..5c5af8643 100644
--- a/test/README.md
+++ b/test/README.md
@@ -1,33 +1,34 @@
 # Docsify Testing
 
-### Environment
+## Environment
 
 - [Jest](https://jestjs.io): A test framework used for assertions, mocks, spies, etc.
 - [Playwright](https://playwright.dev): A test automation tool for launching browsers and manipulating the DOM.
 - [Jest-Playwright](https://github.com/playwright-community/jest-playwright): A Jest preset that simplifies using Jest and Playwright together
 
-### Test files
+## Test files
 
 - E2E tests are located in `/test/e2e/` and use [Jest](https://jestjs.io) + [Playwright](https://playwright.dev).
 - Integration tests are located in `/test/integration/` and use [Jest](https://jestjs.io).
 - Unit tests located in `/test/unit/` and use [Jest](https://jestjs.io).
 
-### Global Variables
+## Global Variables
 
-#### File paths
+### File paths
 
-- `DOCS_PATH`: File path to docsify's `/docs` directory
-- `LIB_PATH`: File path to docsify's `/lib` directory
-- `SRC_PATH`: File path to docsify's `/src` directory
+- `DOCS_PATH`: File path to `/docs` directory
+- `LIB_PATH`: File path to `/lib` directory
+- `SRC_PATH`: File path to `/src` directory
 
-#### URLs
+### URLs
 
 - `BLANK_URL`: Test server route to virtual `_blank.html` file
-- `DOCS_URL`: Test server route to docsify's `/docs` directory
-- `LIB_URL`: Test server route to docsify's `/lib` directory
+- `DOCS_URL`: Test server route to `/docs` directory
+- `LIB_URL`: Test server route to `/lib` directory
+- `NODE_MODULES_URL`: Test server route to `/node_modules` directory
 - `TEST_HOST`: Test server ip:port
 
-### CLI commands
+## CLI commands
 
 ```bash
 # Run all tests
@@ -75,7 +76,7 @@ npm run test -- -u -i /path/to/file.test.js -t \"describe() or test() name\"
 node ./test/config/server.js --start
 ```
 
-### Resource
+## Resource
 
 - [UI Testing Best Practices](https://github.com/NoriSte/ui-testing-best-practices)
 - [Using Jest with Playwright](https://playwright.tech/blog/using-jest-with-playwright)
diff --git a/test/config/server.js b/test/config/server.js
index dcc578650..d027cdb0e 100644
--- a/test/config/server.js
+++ b/test/config/server.js
@@ -34,8 +34,9 @@ function startServer(options = {}, cb = Function.prototype) {
       baseDir: path.resolve(__dirname, '../'),
       routes: {
         '/docs': path.resolve(__dirname, '../../docs'),
-        '/lib': path.resolve(__dirname, '../../lib'),
         '/docs/changelog.md': './CHANGELOG.md',
+        '/lib': path.resolve(__dirname, '../../lib'),
+        '/node_modules': path.resolve(__dirname, '../../node_modules'),
       },
     },
     snippetOptions: {
@@ -94,8 +95,13 @@ if (hasStartArg) {
   startServer({
     open: true,
     port: serverConfig.port + 1,
+    directory: true,
   });
 }
+// Display friendly message about manually starting a server instance
+else if (require.main === module) {
+  console.info('Use --start argument to manually start server instance');
+}
 
 module.exports = {
   globals: {
@@ -108,6 +114,9 @@ module.exports = {
     get LIB_URL() {
       return `${this.TEST_HOST}/lib`;
     },
+    get NODE_MODULES_URL() {
+      return `${this.TEST_HOST}/node_modules`;
+    },
     TEST_HOST: `http://${serverConfig.host}:${serverConfig.port}`,
   },
   start: startServer,
diff --git a/test/e2e/vue.test.js b/test/e2e/vue.test.js
index 2bbb3a6c3..395eac573 100644
--- a/test/e2e/vue.test.js
+++ b/test/e2e/vue.test.js
@@ -1,46 +1,141 @@
 const docsifyInit = require('../helpers/docsify-init');
 
-describe(`Vue.js Rendering`, function() {
-  const sharedConfig = {
-    markdown: {
-      homepage: '<div id="test">test<span v-for="i in 5">{{ i }}</span></div>',
-    },
-    scriptURLs: ['https://unpkg.com/vue@2/dist/vue.js'],
-  };
+describe('Vue.js Rendering', function() {
+  const vueURLs = [
+    `${NODE_MODULES_URL}/vue2/dist/vue.js`,
+    `${NODE_MODULES_URL}/vue3/dist/vue.global.js`,
+  ];
 
   // Tests
   // ---------------------------------------------------------------------------
-  test('does render Vue content when executeScript is unspecified', async () => {
-    await docsifyInit(sharedConfig);
-
-    const testResult = await page.textContent('#test');
-
-    expect(testResult).toBe('test12345');
-  });
-
-  test('does render Vue content when executeScript:true', async () => {
+  test(`ignores Vue content when window.Vue is not present`, async () => {
     await docsifyInit({
-      ...sharedConfig,
-      config: {
-        executeScript: true,
+      markdown: {
+        homepage: `
+          <div id="test">test<span v-for="i in 5">{{ i }}</span></div>
+        `,
       },
     });
 
-    const testResult = await page.textContent('#test');
+    await page.evaluate(() => {
+      return 'Vue' in window === false;
+    });
+    await expect(page).toEqualText('#test', 'test{{ i }}');
+  });
 
-    expect(testResult).toBe('test12345');
+  describe('Basic rendering', function() {
+    for (const vueURL of vueURLs) {
+      const vueVersion = vueURL.match(/vue(\d+)/)[1]; // vue2|vue3
+
+      for (const executeScript of ['unspecified', true, false]) {
+        test(`handles Vue v${vueVersion}.x basic rendering when executeScript is ${executeScript}`, async () => {
+          const docsifyInitConfig = {
+            markdown: {
+              homepage: `
+                <div id="test">test<span v-for="i in 5">{{ i }}</span></div>
+              `,
+            },
+            scriptURLs: vueURL,
+          };
+
+          if (executeScript !== 'unspecified') {
+            docsifyInitConfig.config = {
+              executeScript,
+            };
+          }
+
+          await docsifyInit(docsifyInitConfig);
+
+          await expect(page).toEqualText('#test', 'test12345');
+        });
+      }
+    }
   });
 
-  test('does not render Vue content when executeScript:false', async () => {
-    await docsifyInit({
-      ...sharedConfig,
-      config: {
-        executeScript: false,
+  describe('Advanced usage', function() {
+    const testData = {
+      vue2: {
+        markdown: `
+          <div id="test">
+            <button v-on:click="counter += 1">+</button>
+            <span>{{ counter }}<span>
+          </div>
+
+          <script>
+            new Vue({
+              el: '#test',
+              data() {
+                return {
+                  counter: 0
+                }
+              },
+            });
+          </script>
+        `,
       },
-    });
+      vue3: {
+        markdown: `
+          <div id="test">
+            <button v-on:click="counter += 1">+</button>
+            <span>{{ counter }}<span>
+          </div>
+
+          <script>
+            Vue.createApp({
+              data() {
+                return {
+                  counter: 0
+                }
+              },
+            }).mount('#test');
+          </script>
+        `,
+      },
+    };
+
+    for (const vueURL of vueURLs) {
+      const vueVersion = vueURL.match(/vue(\d+)/)[1]; // vue2|vue3
+      const vueData = testData[`vue${vueVersion}`];
+
+      for (const executeScript of ['unspecified', true]) {
+        test(`handles Vue v${vueVersion}.x advanced usage when executeScript is ${executeScript}`, async () => {
+          const docsifyInitConfig = {
+            markdown: {
+              homepage: vueData.markdown,
+            },
+            scriptURLs: vueURL,
+          };
+
+          if (executeScript !== 'unspecified') {
+            docsifyInitConfig.config = {
+              executeScript,
+            };
+          }
+
+          await docsifyInit(docsifyInitConfig);
+
+          await expect(page).toEqualText('#test span', '0');
+          await page.click('#test button');
+          await expect(page).toEqualText('#test span', '1');
+        });
+      }
+
+      test(`handles Vue v${vueVersion}.x advanced usage when executeScript is false`, async () => {
+        const docsifyInitConfig = {
+          config: {
+            executeScript: false,
+          },
+          markdown: {
+            homepage: vueData.markdown,
+          },
+          scriptURLs: vueURL,
+        };
 
-    const testResult = await page.textContent('#test');
+        await docsifyInit(docsifyInitConfig);
 
-    expect(testResult).toBe('test{{ i }}');
+        const textContent = await page.textContent('#test span');
+        expect(textContent).toBe('');
+      });
+    }
   });
 });