vue中有趣的东西
yuan5801551
这个作者很懒,什么都没留下…
展开
-
vue2.x中数组length属性报错的问题Error in render: cannot read property 'length' of undefined
vue2.x中代码使用length属性出现的报错时//这里是我的代码<div class="supports-count" @click="showDetail"> <span class="count">{{seller.supports.length}}个</span> <span class="icon-keyboard_arrow_...原创 2019-08-12 01:14:39 · 1518 阅读 · 0 评论 -
vue2.x在模块化编程中子组件必须修改props值时
vue2.x在模块化编程中子组件必须修改props值在vue官方文档中明确规定props的数据是单向的,我们不应该试图在子组件中修改props!也给出了两个解决方案我们使用第一种方法 因为暂时数据不用变(其实两者差不多)当我们在父组件中传值之前,我们都会从后台异步获取数据。在这里有一个在浏览器查看效果时的注意事项(因为代码和官网相差无几就不贴了)如果你直接在子组件的页面中刷新,将导致...原创 2019-08-12 10:29:04 · 403 阅读 · 0 评论 -
VUE2.x中key关键字的作用以及为什么不能用index做key(解读并展示官网说法)
直接上图本文适合人群:不懂为什么要加key<div class="content"> <ul> <li v-for="(list,index) in lists"> {{list.id}}-{{list.name}} <button @click='...原创 2019-08-16 01:10:54 · 1057 阅读 · 0 评论 -
vue-router中用'*'指定默认组件的时候不加载router-link-exact-active的问题
vue-router中用’*'指定默认组件的时候不加载router-link-exact-active的问题在vue-router中,我们想要定义默认主页,就可以使用’*'通配符:优点:{1,可以解决404问题2,可以定义默认页面}缺点:{1,给页面带来未知的隐患}router-link-exact-active,关于这个我们知道,在vue-router中这个是可以直接使用而不用...原创 2019-08-12 15:58:12 · 1673 阅读 · 0 评论 -
vue-cli3.x版本打包的项目配置到github上的流程以及遇到的问题解决方法(本地json的引入)
vue-cli3.x版本打包的项目配置到github上的流程以及遇到的问题解决方法流程:安装vue-cli、使用vue create (projectname)构建项目 、vue run build打包项目经过这一段流程我们的根目录产生一个webpack打包出来的dist目录我们直接用过双击打开index.html发现是一片空白,而且报错,这是因为我们项目的根路径默认是’/’我们应该修改...原创 2019-08-13 01:48:18 · 769 阅读 · 0 评论 -
Vue2.x文档细读(基础篇)
一本好书就是一个好老师Vue官方提供的文档非常详细,我觉得有必要啃一啃,写一些自己的心得,减少遇坑,Vue文档里把很多坑都列出来了,写这篇是温习一下我看的基础篇,如果错误,请指正Vue官方文档Vue的特性:核心特性不用触碰DOM,所有操作DOM的都由VUE完成,我们只关注逻辑层即可(例:在methods中修改data)一个组件其实就是一个VUE实例,一个组件本质上是一个拥有预定义选项...原创 2019-08-17 14:43:54 · 304 阅读 · 0 评论 -
vue-router完整的导航解析流程
import Vue from 'vue'import App from './App.vue'import VueRouter from 'vue-router'import BAR from './components/bar'import FOO from './components/foo'import HOME from './components/home'import ...原创 2019-09-13 15:22:57 · 1933 阅读 · 0 评论