vue.js cdn引入遇到的坑

如果项目中是用cdn 引入vue.js 而不是走全家桶那一套，会出现许多以前没怎么注意到的坑。
这里记录一下我所遇到的一些问题。

#props无法拿到父组件所传值

这里自己写了一个dialog组件。

• 父组件

 {{tipsInfo}}

• 子组件

import Vue from '../main/vue';

Vue.component('modal-box', {
    template : `

                  

                      
{{title}}
                      
  
                      

                          取消
                          确定
                      
                    
                
`, 
    props: {
      title: {
        type: String,
        default : "提示"
      },
      comfirmBtn : {
        type : Boolean,
        default : true
      },
      cancelBtn : {
        type : Boolean,
        default : false
      },
      showModal : {
        type : Boolean,
        default : false
      }
    },
    methods : {
        comfirm : function (params) {
            this.$emit("comfirmBack");
        },
        cancel : function (params) {
            this.showModal = false;
        }
    }
})

调用的时候，发现无论showModal 值怎么样都传不到子组件里面，comfirmBack 方法也是无法执行。
最后还是翻阅官方的文档才定位到问题点

字符串模板不限制？ 看到这里我比较了一下template 的内容，果然我用了es6的模板语法。
最后更改父组件的变量，将驼峰改为连接符，编译后顺利执行。

 {{tipsInfo}}