欢迎来到3672js教程,我们关注js教程、js框架、js代码特效等。

Vue.js1.0和2.0 新手犯经常汇总(实时)

3672Js.Com2019-03-10 12:54 来源:未知 阅读:9079 关注度2

Vue.js1.0和2.0 新手犯经常汇总(实时)


本问题将实时汇总,如有说的不对或者做的不好的,请大家多多包涵第一次写文章!

封面

技术栈

vue1.0、vue 2.0
vuex2.0
vue-router 1.0
webpack
es6-babel
jQuery

再这里给大家说明一下:
由于出现的新问题(基本上都是我不够细心,说出来都羞涩

Vue.js1.0和2.0新手犯经常汇总(实时) 分享一个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.页面或者组件切换的时候,没有重新渲染
说的这个问题,也不知道当时是不是脑子进水了

Vue.js1.0和2.0新手犯经常汇总(实时)

Vue.js1.0和2.0新手犯经常汇总(实时)

Vue.js1.0和2.0新手犯经常汇总(实时)

问题一:安装 npm install

Vue.js1.0和2.0新手犯经常汇总(实时) 1.初始化说某某的 插件没有。注意
解决方法一:
删除 node_modules文件夹,采用 淘宝镜像 npm install -g cnpm --registry=主要原因就是他快以及下载比较稳定,不会有丢失的某文件包找不到的问题" target="_blank">http://registry.npm.taobao.org,为什么采用淘宝镜像,应该是主要原因就是他快以及下载比较稳定,不会有丢失的某文件包找不到的问题!

安装依赖模块

cnpm install
解决方法二:
缺少什么包,自己安装什么包!但是还是有可能出现图上问题。建议使用方法一!

问题二:webpack not defined

图后期补全//TODO
解决方法: 根据提示找到对应的配置文件,在文件的上方添加

Vue.js1.0和2.0新手犯经常汇总(实时)

问题三:vue模板中的css 样式不能及时更新

解决方法:在 style 后面添加 scoped

Vue.js1.0和2.0新手犯经常汇总(实时)

问题四:$ is not defined

Vue.js1.0和2.0新手犯经常汇总(实时) 解决方法一:采用本地jquery、zepto
解决方法二:引入正确的地址,如果在配置文件中没有配置文件地址,就使用相对路径或者就采用配置路径

Vue.js1.0和2.0新手犯经常汇总(实时)

Vue.js1.0和2.0新手犯经常汇总(实时)

问题五:子模板、孙模板 路由参数获取不到

Vue.js1.0和2.0新手犯经常汇总(实时) 解决方法:
ready 方法中 使用 this.$route.routes.路由参数

问题六:自定义标签,数据间传值; props 接受对象、或数组数据,没有定义接受类型的错

Vue.js1.0和2.0新手犯经常汇总(实时) 解决方法:(感谢群里朋友的指出,以及说的不清楚的地方)
我这个是用ES5方法:如果是接受数组就用图中上面的方法;如果接收是对象 应该是default:()=>{},图中下面展示的接收对象是错的。

Vue.js1.0和2.0新手犯经常汇总(实时)

问题7:v-for 和 v-if 不能同时使用

Vue.js1.0和2.0新手犯经常汇总(实时) 解决方法:v-for 和 v-show 搭配

问题8:运行 webpack 运行缺少依赖

Vue.js1.0和2.0新手犯经常汇总(实时) 想这个缺少依赖,一般基本的如CSS、JS 、img
解决方法:npm install css-loader || js-loader ...... --save-dev

目前整理这么多!后续实时更新!

本站文章为3672js教程网友分享投稿,版权归原作者,欢迎任何形式的转载,但请务必注明出处。同时文章内容如有侵犯了您的权益,请联系我们处理。
评论已被关闭
{dede:include filename="foot.htm"/}