![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Svn
锋璠
这个作者很懒,什么都没留下…
展开
-
vscode页面空白问题
今天遇到页面空白问题,我起初以为是自己的的路由写错了,然后开始路由的详细查找,但是查找一圈之后发现啥也没错。于是我返回vsCode界面,准备继续查找问题,这时我票到左上角有个提示标。这时候我才想起来我编辑的页面还没有保存。因为vue实现的是热加载所以我们更改页面的时候一般不会再从新启动容器,只需要保存之后我们更改的结果就会加载到前端页面。所以我们更改文件之后一定要及时保存,否则就不会提交新的更改。...原创 2020-08-20 11:06:50 · 3710 阅读 · 6 评论 -
vue页面空白问题
今天弄vue页面,发现当我访问根目录的时候是一个空白页面,于是我尝试访问其他的页面,也是空白页面,我就意识到这可能是路由出了问题。重复路由于是我对路由进行了排查,发现有一个重复的路由。多余路由然后排除重复路由之后我发现页面还是空白,于是我继续查看自己的路由表,对比发现我有几个路由因为不用了就将文件的进口给删除了。上面的进口中没有下面这三个路由的进口。于是我将下面三个路由删除之后页面就正常了。...原创 2020-08-19 15:18:18 · 1949 阅读 · 7 评论 -
vue安装vue脚手架(vue-cli)错误总结
本次经验只适用重新安装vue-cli脚手架。今天重新安装vue-cli脚手架的时候,报出如下错误根据提示将相应的文件夹删除之后,又让我删除新的文件。我突然猜想这是我第二次安装可能需要将里面所有的vue文件删除,所以我就将所有的vue文件删除了,果然安装就成功了。...原创 2020-08-17 11:37:29 · 1354 阅读 · 6 评论 -
父子组件传值——静态传值、动态传值
静态传值我们在在vue中写一个子组件,并设置 props,props是一个数组,可以存多个值,每个值都相当于一个属性,所以当我们需要向子组件传值的时候可以在组件标签中直接设置响应属性的值。<body> <div id="app"> <!--静态传值--> <com1 parentmsg="My journey with Vue"></com1> </div> <scrip原创 2020-07-05 17:36:33 · 786 阅读 · 3 评论 -
v-if和v-show的区别
<div id ="app"> <input type ="button" value ="toggle" @click="flag=!flag"> <!--v-if在是在我们需要的时候创建一个对象,当我们不需要的时候删除该对象。所以一般耗费的比较大,当我们不是很频繁的切换 的时候一般使用该命令--> <h3 v-if="flag">这是用v-if控制的元素</h3>原创 2020-06-30 11:53:46 · 264 阅读 · 5 评论 -
自定义指令中的钩子函数
钩子函数bind:只调用一次,指令第一次绑定到元素时调用,这个钩子函数可以定义在绑定时执行一次的初始化动作。inserted:被绑定元素插入父节点时调用(父节点存在即可调用,不必存在document中)。updated:所在组件的VNode更新时调用,但是可能发生在其孩子的VNode更新之前,指令的值可能发生了改变也可能没有,但是你可以通过比较更新前后的值来忽悠不必要的模板更新(详细的钩子函数参数见下)componentUpdated:所在组件的VNode及其孩子的VNode全部更新时调用。原创 2020-06-21 20:02:33 · 1560 阅读 · 6 评论 -
Vue双向数据绑定指令——v-mode
前面我讲了V-bind指令,该指令只能实现数据的单向绑定,从M自动绑定到V,无法实现数据的双向绑定。不能将数据传回mv控制的m中,也就是不能将数据传回逻辑层。这样前端和逻辑层便不能进行数据交互。为解决此问题,v-model指令应运而生。v-model指令,可以实现表单元素和Model中数据的双向数据绑定。下面是我写的例子,当text中的内容改变的时候,h4标签中的内容也会随之改变 <h4>{{msg}}</h4> <input type="text" v原创 2020-06-17 10:35:24 · 808 阅读 · 6 评论 -
js中箭头函数的this指向问题
在vs中当我们一个函数中嵌套另外一个函数的时候,我们希望调用外面函数的原创 2020-06-16 17:53:48 · 493 阅读 · 5 评论 -
Vue中常用的五种指令
v-cloak该指令的主要作用是当我们使用插入值的时候,js代码运行过程中会先读取插值表达式,然后根据插值表达式的内容查找该值,将查找结果替换掉插值表达式。在这个过程中,如果网速过慢就会先显示插值表达式,然后显示我们想要显示的东西,这就是我们常说的闪烁问题。v-cloak指令就是用来解决闪烁问题的。如下图两行代码所示,在p标签中有一个插值表达式,为p标签设置一个v-cloak属性,然后为该属性添加一个display:none样式让改p标签隐藏。然后当插值表达式被替换的时候再显示替换内容,这样就解决了闪原创 2020-06-15 11:11:08 · 640 阅读 · 3 评论 -
VSCode中运行html文件
在VScode中运行html文件分为两种形式,一种是浏览器访问html文件的形式,一种是运用服务器模式打卡。我简单介绍一下两种打开方式在vscode中的使用的方式;浏览器直接打开方式找到该插件之后插入该插件,然后就在HTML文件的鼠标的右击事件中多出来两个选项。第一个是在默认浏览器中打开,一个是在其他浏览器中打开。打开后浏览器中的地址如下所示:服务器模式打开如图所示,不再过多赘述;html文件中的鼠标右击事件中多出了open with live server选项...原创 2020-06-14 21:33:24 · 909 阅读 · 3 评论