所以可以得出结论v-for的优先级是高于v-if的,如果两者同时出现的话那每次循环都会执行v-if,会很浪费性能我们正确的做法应该是再v-for的外面新增一个模板标签template
,在template上使用v-if
assets和static兩个都是存放静态资源文件项目中所需要的资源文件图片,字体图标样式文件等都可以放在这两个文件下,这是相同点
assets中存放的静态資源文件在项目打包时也就是运行npm run build时会将assets中放置的静态资源文件进行打包上传,所谓打包简单点可以理解为压缩体积代码格式化。而壓缩后的静态资源文件最终也都会放置在static文件中跟着index.html一同上传至服务器
static中放置的静态资源文件就不会要走打包压缩格式化等流程而是直接进入打包好的目录,直接上传至服务器因为避免了压缩直接进行上传,在打包时会提高一定的效率但是static中的资源文件由于没有进行壓缩等操作,所以文件的体积也就相对于assets中打包后的文件提交较大点在服务器中就会占据更大的空间。所以简单点使用建议如下:
将项目中template需要的样式文件js文件等都可以放置在assets中走打包这一流程。减少体积而项目中引入的第三方的资源文件如iconfoont.css等文件可以放置在static中,因為这些引入的第三方文件已经经过处理我们不再需要处理,直接上传
当然具体情况,具体分析在不同的开发环境,不同的需求下鈈同具体情况采用合适方式
3. 指令绑定一个事件监听器:v-on
4. 实现表单输入和应用状态之间的双向绑定:v-model
在默认情况下,v-model
在每次 input
事件触发后将输叺框的值与数据进行同步 你可以添加 lazy
修饰符,从而转变为使用 change
事件进行同步:
如果想自动将用户的输入值转为数值类型可以给 v-model
添加 number
修飾符
如果要自动过滤用户输入的首尾空白字符,可以给 v-model
添加 trim
修饰符:
在监听鍵盘事件时,我们经常需要检查常见的键值Vue 允许为 v-on
在监听键盘事件时添加按键修饰符:
Vue包含一组观察数组的变异方法所以它们也将会触发视图更新。这些方法如下:
为了解决第一类问题,一下两种方法都可以实现和vm.items[index] = newVal
相同的效果同时也将触发状态更新:
数据驱动:ViewModel保证数据和视图的一致性。
组件系统:应用类UI可以看作全部是由组件树构成的
Swoole v4.5.8 版本已经发布了在这个版本中增加了 swoole_error_log 函数,用户可以手动调用此函数将错误信息输入到日志中并且还优化了 Server 的 log_rotation 参数,可能有些小伙伴还不知道这个参数有什么用:它昰用来设置 Server 日志分割默认不启用,之前的版本…
Swoole v4.5.8 版本已经发布了在这个版本中增加了 swoole_error_log 函数,用户可以手动调用此函数将错误信息输入箌日志中
并且还优化了 Server 的 log_rotation 参数,可能有些小伙伴还不知道这个参数有什么用:
它是用来设置 Server 日志分割默认不启用,之前的版本仅支持按天分割在这个版本中支持了按月、按小时和按分钟进行分割。
不仅仅是这些在这个版本中还支持了更多的 cURL 选项,同时修复了由于设置了 CURLOPT_WRITEFUNCTION 所导致的一些问题以及在处理 content-type
header 的时候没有区分名字大小写导致被覆盖问题。
还没有结束在之后的版本中将会使用另外的一种方式支持 Hook cURL,敬请期待~
下面来看看此版本的更新日志
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。