/*
    * 在vue中 把.vue的文件称为 单文件组件 webpack等构建工具
    *
    * 很多项目中使用
    * Vue.components('组件名'，{})
    * new Vue({})
    * 用在中小规模的项目中 会很好 但是大型的项目 就不友好了
    *
    * 有哪些缺点
    * 1. 全局定义 每个名字都不能重复
    * 2. 字符串模板【还好的是es6提供了模板字符串】遇见特殊的符号时 要用 反斜杠来转义 很繁琐
    * 3. 不支持css
    * 4. 没有构建步骤
    *
    * 
    * 以后的模块化开发 包括了 template style script
    * */

npm  install -g cnpm --registry=https://registry.npm.taobao.org

以后的npm可以使用cnpm来代替

cnpm install -g @vue/cli

vue --version

cnpm install -g @vue/cli-service-global

<template>
    <div><h3>{{msg}}</h3></div>
</template>

<script>
    export default {
        data(){
            return{
                msg:'单文件测试'
            }
        }
    }
</script>

<style scoped>
    h3{
        color: red;
    }
</style>

vue serve