Vue.js1.0和2.0 新手犯经常汇总(实时)
Vue.js1.0和2.0 新手犯经常汇总(实时)
本问题将实时汇总,如有说的不对或者做的不好的,请大家多多包涵第一次写文章!
技术栈
vue1.0、vue 2.0
vuex2.0
vue-router 1.0
webpack
es6-babel
jQuery
再这里给大家说明一下:
由于出现的新问题(基本上都是我不够细心,说出来都羞涩
分享一个npm 工具,效果和cnpm 一样
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
第一个大家都知道,安装过就把第二个在安装一下!
新问题(2.0):
1.页面或者组件切换的时候,没有重新渲染
说的这个问题,也不知道当时是不是脑子进水了
问题一:安装 npm install
1.初始化说某某的 插件没有。注意
解决方法一:
删除 node_modules文件夹,采用 淘宝镜像 npm install -g cnpm --registry=主要原因就是他快以及下载比较稳定,不会有丢失的某文件包找不到的问题" target="_blank">http://registry.npm.taobao.org,为什么采用淘宝镜像,应该是主要原因就是他快以及下载比较稳定,不会有丢失的某文件包找不到的问题!
安装依赖模块
cnpm install
解决方法二:
缺少什么包,自己安装什么包!但是还是有可能出现图上问题。建议使用方法一!
问题二:webpack not defined
图后期补全//TODO
解决方法: 根据提示找到对应的配置文件,在文件的上方添加
问题三:vue模板中的css 样式不能及时更新
解决方法:在 style 后面添加 scoped
问题四:$ is not defined
解决方法一:采用本地jquery、zepto
解决方法二:引入正确的地址,如果在配置文件中没有配置文件地址,就使用相对路径或者就采用配置路径
问题五:子模板、孙模板 路由参数获取不到
解决方法:
在 ready 方法中 使用 this.$route.routes.路由参数
问题六:自定义标签,数据间传值; props 接受对象、或数组数据,没有定义接受类型的错
解决方法:(感谢群里朋友的指出,以及说的不清楚的地方)
我这个是用ES5方法:如果是接受数组就用图中上面的方法;如果接收是对象 应该是default:()=>{},图中下面展示的接收对象是错的。
问题7:v-for 和 v-if 不能同时使用
解决方法:v-for 和 v-show 搭配
问题8:运行 webpack 运行缺少依赖
想这个缺少依赖,一般基本的如CSS、JS 、img
解决方法:npm install css-loader || js-loader ...... --save-dev
目前整理这么多!后续实时更新!