**********************
Vue
**********************

:bilibili-vue: https://gitee.com/luzhenxiong/bilibili-vue

调试工具
=======================

https://devtools.vuejs.org/guide/installation.html#standalone

因为打不开google商店，所以要么在github下载然后导入到chrome, 要么用npm下载, 然后在html增加一条script标签导入。

在Pycharm对vue代码进行调试: https://www.jetbrains.com/help/pycharm/2022.1/debugging-javascript-in-chrome.html#debugging_js_on_local_host_development_mode

注意点:

1. 点击localhost那个链接
2. 要按下快捷键Shift + Ctrl来点击链接

bilibili-vue拓展
===============================

父组件调用子组件的方法
----------------------------------

父组件:

.. code-block:: javascript

    this.$refs.other_price.get_other_price(this.form)

* other_price: ``ref`` 属性
* get_other_price: 子组件方法
* this.form: 在父组件声明的变量

更多信息可参考 `组件上的 ref <https://cn.vuejs.org/guide/essentials/template-refs.html#ref-on-component>`_