Socket
Socket
Sign inDemoInstall

@vue/compiler-core

Package Overview
Dependencies
5
Maintainers
2
Versions
198
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vue/compiler-core

@vue/compiler-core


Version published
Maintainers
2
Weekly downloads
4,903,320
decreased by-5.76%

Weekly downloads

Package description

What is @vue/compiler-core?

The @vue/compiler-core package is a lower-level utility for compiling Vue.js templates into render functions. It is part of the Vue.js framework and is used internally by higher-level tools like vue-loader or @vue/compiler-sfc. It provides the core algorithms for parsing template syntax and generating JavaScript code from templates.

What are @vue/compiler-core's main functionalities?

Parsing Template Syntax

This feature allows you to parse Vue template syntax into an Abstract Syntax Tree (AST). The AST can then be manipulated or compiled into render functions.

import { baseParse } from '@vue/compiler-core';
const ast = baseParse('<div>Hello, {{ world }}</div>');

Compiling AST to Render Functions

This feature takes an AST and compiles it into JavaScript render functions, which can be used to render Vue components.

import { baseCompile } from '@vue/compiler-core';
const { code } = baseCompile('<div>Hello, {{ world }}</div>');

Transforming AST Nodes

This feature allows you to apply custom transformations to AST nodes. In this example, we're changing the content of an interpolation from 'world' to 'universe'.

import { transform } from '@vue/compiler-core';
import { createSimpleExpression } from '@vue/compiler-core';

const ast = baseParse('<div>Hello, {{ world }}</div>');
transform(ast, {
  nodeTransforms: [
    (node) => {
      if (node.type === 5 /* INTERPOLATION */) {
        node.content = createSimpleExpression('universe', false);
      }
    }
  ]
});

Other packages similar to @vue/compiler-core

Readme

Source

@vue/compiler-core

Keywords

FAQs

Last updated on 28 Feb 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc