IPython Magic

要使用这些魔法方法，您必须先注册它们。在 Jupyter 中运行 %load_ext。

%load_ext vuepy

%vuepy_import

在 IPython 中导入 SFC。

类型
py
```
%vuepy_import sfc_file
```

示例

from vuepy import create_app
from vuepy.utils import magic

# 导入 test.vue 组件
App=%vuepy_import test.vue

app = create_app(App)
app.mount()

%%vuepy_import

在 IPython 中导入 SFC，并赋值给名为 component_name 的变量。

类型

%%vuepy_import component_name
sfc_content

示例

%%vuepy_import Component1
<template>
  <Button description="add"
          button_style="info"
  ></Button>
</template>

如果需要访问当前jupyter笔记本中的变量可以通过以下方式

python

# --- cell 1 ---
a = 1
# --- cell 2 ---
%%vuepy_import A
<template>
  <p>{{ a }}</p>
</template>
<script lang='py'>
from IPython import get_ipython
# 获取jupyter笔记本中的变量
locals().update(get_ipython().user_ns)
</script>

%vuepy_run

在 IPython 中运行 Vuepy 应用, vue_file 为 vue 文件。

%vuepy_run vue_file [--plugins p1] [--app app] [--backend backend] [--servable] [--show-code]

参数	说明	类型	默认值
vue_file	Vue文件路径或组件变量（使用$$前缀）	`str`	—
--plugins	指定应用使用的插件，多个插件用逗号或空格分隔	`list[str` ]	[]
--app	将App对象赋值给指定的变量名	`str`	—
--backend	代码生成后端，如`ipywidgets`、`panel`	`str`	'ipywidgets'
--servable	是否启用可服务模式	`bool`	False
--show-code	是否显示生成的代码	`bool`	False

类型
py
```
%vuepy_run vue_file
```
示例 1
py
```
%vuepy_run app.vue
```

也可以运行已导入的组件。

类型
py
```
%vuepy_run $$Component
```

示例 2

from vuepy import import_sfc
Component = import_sfc("component.vue")

# ----------------------
%vuepy_run $$Component

指定使用的插件，获取 app 对象

类型
py
```
%vuepy_run vue_file  --plugins plugin1 plugin2 --app app1
```
- --plugins: 可选参数，指定 app 使用的插件
- --app: 可选参数，将的 App 对象赋值给指定的变量

示例 3

from ipywui import wui
%vuepy_run app.vue --plugin wui --app app1

print(app1)  # App at 0x100000000

%%vuepy_run

在 IPython 中运行 Vuepy 应用。

%%vuepy_run [--plugins p1] [--app app] [--backend backend] [--servable] [--show-code]
{sfc}

参数	说明	类型	默认值
--plugins	指定应用使用的插件，多个插件用逗号或空格分隔	`list[str` ]	[]
--app	将App对象赋值给指定的变量名	`str`	—
--backend	代码生成后端，如`ipywidgets`、`panel`	`str`	'ipywidgets'
--servable	是否启用可服务模式	`bool`	False
--show-code	是否显示生成的代码	`bool`	False

类型
py
```
%%vuepy_run
sfc_content
```

示例 1

%%vuepy_run
<template>
  <Button description="add"
          button_style="info"
  ></Button>
</template>

如果需要访问当前jupyter笔记本中的变量可以通过以下方式

python

# --- cell 1 ---
a = 1
# --- cell 2 ---
%%vuepy_run
<template>
  <p>{{ a }}</p>
</template>
<script lang='py'>
from IPython import get_ipython
# 获取jupyter笔记本中的变量
locals().update(get_ipython().user_ns)
</script>

类型
py
```
%%vuepy_run --plugins plugin1 plugin2 --app app1
sfc_content
```
- --plugins: 可选参数，指定 app 使用的插件
- --app: 可选参数，将的 App 对象赋值给指定的变量

示例 2

# --- cell 1 ---
from ipywui import wui
import foo_i18n  # for example
# --- cell 2 ---
%%vuepy_run --plugins wui i18n --app app1
<template>
  <p>{{ _i18n_("hello") }}</p>
</template>
# --- cell 3 ---
print(app1)  # App at 0x100000000

%vuepy_log

在 IPython 中打印 Vue.py 的内部日志。

类型
py
```
%vuepy_log '' | clear
```

示例

打印所有日志。

from vuepy.utils import magic

%vuepy_log

打印日志，但会清除之前的日志。

from vuepy.utils import magic

%vuepy_log clear

在 GitHub 上编辑此页

IPython Magic ​

%vuepy_import ​

%%vuepy_import ​

%vuepy_run ​