Vue
四月笈
纵有疾风起. The cross-set of interest and living will not fail to be pursued.
展开
-
vue-router
一、 vue-router概念:这里的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA(single page application单页应用)的路径管理器。再通俗的说,vue-router就是WebApp的链接路径管理系统。vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应原创 2021-09-29 17:22:28 · 88 阅读 · 0 评论 -
Cannot use v-for on stateful component root element because it renders multiple elements.
在vue组件中,为了使样式私有化(模块化),不对全局造成污染,可以在style标签上添加scoped属性以表示它的只属于当下的模块,这是一个非常好的举措,但是为什么要慎用呢?因为在我们需要修改公共组件(三方库或者项目定制的组件)的样式的时候,scoped往往会造成更多的困难,需要增加额外的复杂度。scoped实现私有化样式的原理为什么会说,会增加复杂度?那么我们先从的实现模块的原理说起。为了方便称呼,我们假设把这种组件叫做模块私有组件,其他的未加scoped的叫做模块一般组件。通过查看DOM结构原创 2021-09-29 13:14:12 · 242 阅读 · 0 评论 -
详解Vue插槽
这篇文章是我目前读的最易懂的了转载 2021-09-25 13:18:35 · 253 阅读 · 0 评论 -
浏览器自动加上display: none 属性(解决)
如下,img并没有设置display属性,但是在浏览器中运行的时候却出现了element style{display:none}:浏览器中是这样:尝试解决方法如下:1.手动在div里面加上内联样式:style=“display:block”,但是没效果,失败2.将img里的条件语句v-show去掉,成功~...原创 2021-09-25 00:39:45 · 1736 阅读 · 0 评论 -
sockjs.js?9be2:1609 GET http://192.168.1.104:8080/sockjs-node/info?t=1613746594141 net::ERR_CONNEC
sockjs.js?9be2:1609 GEThttp://192.168.1.104:8080/sockjs-node/info?t=1613746594141net::ERR_CONNECTION_TIMED_OUT错误连接方式解决方法在使用vue-cli脚手架创建项目的时候,在cnpm create app命令后,项目创建成功后通过npm run serve命令运行以后,控制台报错,sockjs.js?9be2:1606 GEThttp://192.168.16.105:8080/sockjs...原创 2021-09-16 15:20:04 · 690 阅读 · 0 评论 -
Vue 脚手架安装
win+R => 淘宝镜像npm =>npm config set registry https://registry.npm.taobao.org => npm config get registry => 创建脚手架+hello页面 =>vue creat vue_text => 在创建的vue-text上使用命令行 =>npm run serve.原创 2021-09-14 23:51:47 · 41 阅读 · 0 评论 -
prototype 和 _proto_ 属性
实例的隐式原型属性都指向他的构造函数的原型对象,而所有原型对象.__proto__ => Object的原型对象,Object的原型对象.__proto__ => null.原创 2021-09-14 14:16:49 · 41 阅读 · 0 评论 -
Vue非单文件组件
1.定义组件的定义:实现应用中局部功能代码和资源的集合非单文件组件:一个文件中包含n个组件单文件组件:一个文件中只包含1个组件2.使用1.创建组件的基本格式创建组件的基本格式:使用Vue.extend创建组件实例,并在父级实例中注册该组件组件的基本格式:与vm实例类似,但是不能有el,并且data只能是一个函数const component = Vue.extend({ template:`xxx`//模板内为html代码,使用时会将模板渲染到页面 data(){...转载 2021-09-14 00:47:54 · 555 阅读 · 0 评论 -
vue多层循环,动态改变数据后渲染的很慢或者不渲染
原因是因为vue检测速度很慢,因为多层循环了,在VUE 2.x的时候还能渲染出来,1.x的时候压根渲染不出来。解决方式:在动态改变数据的方法,第一行加上this.$forceUpdate();就可解决渲染慢or渲染不出来的问题...转载 2021-09-13 10:41:17 · 1473 阅读 · 0 评论 -
vue.js devtools图标不亮 && 安装完vue.js tools后控制台没有vue
1、安装谷歌扩展程序后运行有意义的文件若还不亮还不量2、管理谷歌拓展程序 => 允许访问文件地址原创 2021-09-01 13:30:27 · 803 阅读 · 0 评论