![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 92
天弈初心
这个作者很懒,什么都没留下…
展开
-
vue中v-show和v-if的异同
一、官方解释: v-if 是“真正”的条件渲染,只会在指令的表达式返回 truthy 值的时候被渲染。因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件内容。因为 v-if 是一个指令,所以必须将它添加到一个元素上。但是如果想切换多个元素呢?此时可以把一个 <template> 元素当做不可见的包裹元素,并在上面使用 v-if。最终的渲染结果将不包含 <t原创 2021-11-09 11:36:41 · 167 阅读 · 0 评论 -
vue cli安装到打包详细流程
1.下载vs code vs code下载链接:https://code.visualstudio.com/ 下载完直接点击安装即可。 第一次打开是英文版本,下面是修改成中文版本。 2. 下载node 下载完直接点击安装即可。 然后打开命令行(win+r,然后输入cmd),尽量是管理员模式。 输入node -v 可以查询node 的版本号, 输入npm -v 可以查询npm的版本号; 3.安装v...原创 2020-02-19 17:54:00 · 647 阅读 · 0 评论 -
vuejs从安装到搭建整个过程以及部分报错原因
昨天打算安装一个vue框架,就在网上找了一些方法,虽然也成功安装了,但是由于各种安装文件,导致安装了一些不必要的东西,今天上午又重新安装了几遍,终于弄清楚安装vue.js的主要流程了.以及其中我遇到的一些问题. 安装 1、 安装nodejs 从node.js官网下载并安装node,点击下载安装即可. node -v 命令,查看node的版本,若出现相应的版本号,则说明你安装成功了。![在这里插入...原创 2019-05-16 16:31:18 · 457 阅读 · 0 评论 -
当li设置为inline-block之后元素之间空隙的产生原因和解决办法
当我们在使用ul>li标签写导航的时候,又不想让其变成浮动流,我们只需要把li的css样式添加一个display: inline-block就可以了。 但是当我们写完样式之后,本来应该是这样的。 实际情况却是这样的。 究其原因,我们在使用display:inline-block的时候,浏览器的默认行为是把inline元素间的空白字符(空格换行tab)渲染成一个空格,也就是我们上面的代码&...原创 2019-06-22 20:14:48 · 970 阅读 · 0 评论