笔记

<p>vue是组件化开发的项目,很多情况下会把公共组件提取出来,来减少代码量,提高开发效率,和以后更好的可维护性。很多情况下,父组件中都会引用子组件这种情况。通过给在父组件中引用的子组件标签上添加属性,来渲染可以拥有不同数据的子组件。但是vue 的组件有个特点,如果我们这一次和上一次传过去的属性值一样的话,watch 监听的属性因为没有新的变化(这次的值和上一次的值一样watch 中调用的函数不执行),导致对应的数据也没有变化。created() 生命周期函数也是只执行一次。(很尴尬,让我这个用惯了react 的人刚开始还有点不适应。但是毕竟胳膊拧不过大腿不是,还是赶紧想办法把。)< p><p>但是有时候我们需要这个组件每次都重新生成dom 元素,每次都执行created() 函数。这时候就用到了vue中的key

<p>最近优化了一个vue cli3 0项目,项目从打包体积<code>2 5M< code>,优化到<code>272k< code>, 速度提高了约<code>2 3< code>。下面将优化方法写下:< p><p>需要新建文件& 39;<code>vue config js< code>& 39;,(这文件名是固定这么写的),与<code>package json< code>在同一级目录下。< p><p><strong>一、BundleAnalyzer< strong>< p><p>作用:展示打包图形化信息,会打开一个html页面,帮助自己分析哪些文件过大,可针对其进行优化,上线前&nbsp;<code>注释掉。< code>< p><p>安装&nbsp;<code>webpack-bundle-analyzer< code>&nbsp;插件< p><pre><code class="language-javascript"> npm install webpack-bundle-analyzer --save-dev< code>< pre><p>在&nbsp;<code>vue config js:< code>&nbsp;里面:<

hulan | Vue与React两个框架的区别和优势对比

发布于 04-18 04:17 浏览:57 类型: 原创 - 随笔 分类:Vue 举报

<p><span style="font-size:16px"><strong>相同点< strong><br >1)都有组件化开发和Virtual DOM。<br >2)都支持props进行父子组件间的数据通信。<br >3)都支持数据驱动视图,不直接操作真是DOM,更新状态数据界面就自动更新。<br >4)都支持服务端渲染。<br >5)都有支持native的方案,React的React Native,Vue的Weex。< span>< p><p>&nbsp;< p><p><span style="font-size:16px"><strong>不同点< strong><br >1)数据绑定:vue实现了数据的双向绑定,React数据流动是单向的。<br >2)组件写法不一样,React推荐的做法是JSX,也就是把HTML和CSS全都写进JavaScript了,即& 39;all in js& 39;,Vue推荐的做法是webpack+vue+loader的单文件组件格式,即html,css,js写在同一个文件。<br >3)sta