vue小结和webpack的报错

下面总结一些vue小小小小知识点，然后是webpack报错（强调一下关于版本的报错）。

1.v-if直接消除节点，切换开销更高
   v-show会用display属性来隐藏节点，更节省资源，渲染速度快，初始开销更高
2.计算属性会进行缓存，无需对相同操作执行多次
3.v-on中 .stop会阻止冒泡，当然也可以在方法中用event.stopPropagation()来阻止
   v-on中 .prevent会阻止默认行为,once让事件只能触发一次
4.{{}}会造成闪烁问题,v-text 不会闪烁，可以通过样式解决闪烁问题
   <style>
        属性选择器
        [v-cloak]{
            display: none;
        }
    </style>
    <div v-cloak></div>
5.v-for中,(item,index)中间一定用逗号分隔
6.set()和get()事件
7.只有null，空字符串，0，undefined的布尔值是false，其余都是true
8.父组件向子组件传值:(1)在子组件中定义props来接收,父组件通过v-bind来传值
9.组件中的数据是一个方法
10.循环时写:key="index"效率更高
11.父组件先把方法通过自定义事件绑定到子组件上,子组件再使用this.$emit()触发父组件的方法
12.默认情况浏览器不能识别模块化js,通过webpack打包后可以识别
13.webpack: 处理css，js，图片等文件的引用关系，让关系更简单明了，加快网页的加载速度

webpac目前的最新版本我还没有用过
我的版本是4.35.2",webpack-cli的版本是3.3.6
这两个版本与最新的css-loader和style-loader还有file-loader是不匹配的，建议安装这些

"css-loader": "^3.6.0",

"file-loader": "^4.3.0",

"style-loader": "^1.3.0",

这三个版本的loader是好使的，亲测有效！

最后希望娜姐给我点个赞，接下来我会提高学习效率和更新速度的