Asp.net+Vue+EmelentUI的实现(五)全局组件的注册

Vue注册全局组件，只要直接注册即可，代码如下

Vue.component('name', {
    props: [],
    template:' '
})

如果我们生成一个vue-component.js的JS文件，并且通过PageBase的自动加载方式来加载，那么就可以实现自动载入了。在PageBase的载入默认JS的地方，加入载入vue-component.js的代码，新代码如下

 /// <summary>
        /// 添加默认的js
        /// </summary>
        private void AddDefaultJs()
        {
            //vue-js
            AddJs("vue.js", "/Scripts/vue.js", "/Scripts/vue.min.js");

            //vue-resource.js
            AddJs("vue-resource.js", "/Scripts/vue-resource.js", "/Scripts/vue-resource.min.js");

            //element-ui.js
            AddJs("element-ui.js", "/Scripts/ElementUI/element-ui.js", "/Scripts/ElementUI/element-ui.js");

            //vue-component.js
            AddJs("vue-component.js", "/Scripts/vue-component.js", "/Scripts/vue-component.js");

            //kit.js
            AddJs("kit.js", "/Scripts/kit.js", "/Scripts/kit.js");

            //global.js
            AddJs("/Scripts/global.js", "/Scripts/global.js", "/Scripts/global.js");

        }

有了vue-component.js，那么载入了该JS后，Vue组件就实现了全局注册，但这时又碰到了一个问题，就是这个JS的内容要如何生成？当然了，如果是直接编译vue-component.js文件是可行的，但是在写template的时候，由于是使用字符串的拼接，很容易出错，如果能像vue组件的编写方式一样，编写一个xxx.vue组件，然后通过编译生成到vue-component.js中，那就会方便很多。但我们采用的是Asp.Net模式来开发，没有使用nodejs、webpack来编译打包，所以不能按照常见的加载相关的模块来编译打包，为此，写了一个简易的VueEngine来编译。

VueEngine是一个控制台程序，代码如下

    class Program
    {
        static void Main(string[] args)
        {
            var dir = getParentDir(AppDomain.CurrentDomain.BaseDirectory);
            string componentsPath = dir + @"\Components";
            if (!Directory.Exists(componentsPath))
            {
                Console.WriteLine("找不到路径 " + componentsPath);
                return;
            }
            string vue_component_js = dir + @"\Scripts\vue-component.js";
            StreamWriter streamWriter = null;

            try
            {
                streamWriter = new StreamWriter(vue_component_js, false, Encoding.UTF8);
                var files = Directory.GetFiles(componentsPath, "*.vue");
                if (files == null || files.Length <= 0)
                {
                    Console.WriteLine("没有文件"