vue入坑记-2

1.组件中引入组件

<script>
    import Header from './header/Header'; 
    export default{
        ......
    }
<script>

2.组件使用外联样式，css，less等

module: {
        rules: [
            {
                test: /.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /.less$/,
                use: [{
                    loader: "style-loader" // creates style nodes from JS strings
                }, {
                    loader: "css-loader" // translates CSS into CommonJS
                }, {
                    loader: "less-loader" // compiles Less to CSS
                }]
            }
        ]
    }

注意没个loader都是要安装的，并没有库依赖关系，不然使用webpack的时候会报错

Module not found: Error: Can't resolve 'css-loader' in 'H:\demo\webpack-vue'

3.模版只能有单根节点，这点表示不习惯，react里是可以使用template标签进行包裹的，官方的解决方案是用另一个模版包起来