1.利用vue脚手架工具创建vue，webpack工程目录

npm install -g vue-cli  安装vue脚手架

vue init webpack sell 初始化一个webpack模板，工程名是sell的项目

cd sell 进入项目

npm install 安装项目package.json配置文件中需要的依赖包

npm run dev

2.vue入口html--index.html；js---main.js

在vue的初始阶段，遇到的一些问题

（1）
报错：ESLint: Do not use 'new' for side effects. (no-new) ESLink是检查代码一致性和错误的工具，解决以上报错可以修改ESLink配置，或者解决：解决：
解决：   1，添加/* eslint-disable no-new */注释，ESLink会绕过检查
    2，使用let将new后的实例给一个变量，符合检查，不再报错‘

（2）

 报错：You are running Vue in development mode.Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html

 解决：Vue.config.productionTip = true


（3）
报错：Do not mount Vue to <html> or <body> - mount to normal elements instead.
解决：new实例的vue对象，el的dom节点会被template模板替换，所以当节点是body or html时候，会发生报错（可认为html,body是dom不可少的节点，，so...）

（4）
报错：Unhandled rejection RangeError: Maximum call stack size exceededill install loadIdealTree
解决：npm版本兼容问题，要不降版本，本媛觉得麻烦，直接cnpm install搞定

(5)
报错：!!vue-stylus-loader!css-loader?{"sourceMap":true}!../node_modules/_vue-loade....
解決：great solution:https://github.com/vuejs/vue-loader/issues/415(6)
报错：关于eslink检查的报错
解决：自定义eslink检查规则，例如强制分号的检查等

（7）
报错：Cannot find module 'stylus'
解决：依赖中缺少stylus的引入，在package中添加style-stylus,stylus,执行npm install;
    Cannot find module ...之类的问题可同类解决

（8）
报错：router.map is not a function
解决：vue2.0兼容问题，router的map方法，只支持vue1.0版本
     1.降低vue版本（不可取）
　　　2.兼容2.0版本写法

（9）
报错：router.start is not a function
解决：vue2.0兼容问题，该方法在2.0已经弃用

（10）
报错：Failed to resolve directive: link
解决：vue2.0兼容问题，v-link方法在2.0已经弃用，使用router-link

（11）
报错：Unknown custom element: <route-view> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
解决：搜了好多东西，确认vue引入，组件已经注册，浪费了好多时间，so...route-view写错，哎.......论避免低级的错误如何主要

（12）
报错：当报错解决之后，发现router-view没有显示，查看元素没有渲染dom
解决：new Router({})中，实例化目标格式错误，routes Not routers


（13）
报错： 路径的引入容易导致错误，我们可以通过定义路径别名解决

vue入门（一）----工程vue_sell的更多相关文章

  1. wepack+sass+vue 入门教程（三）

    十一.安装sass文件转换为css需要的相关依赖包 npm install --save-dev sass-loader style-loader css-loader loader的作用是辅助web ...

  2. wepack+sass+vue 入门教程（二）

    六.新建webpack配置文件 webpack.config.js 文件整体框架内容如下,后续会详细说明每个配置项的配置 webpack.config.js直接放在项目demo目录下 module.e ...

  3. wepack+sass+vue 入门教程（一）

    一.安装node.js node.js是基础,必须先安装.而且最新版的node.js,已经集成了npm. 下载地址 node安装,一路按默认即可. 二.全局安装webpack npm install ...

  4. vue入门学习（基础篇）

    vue入门学习总结: vue的一个组件包括三部分:template.style.script. vue的数据在data中定义使用. 数据渲染指令:v-text.v-html.{{}}. 隐藏未编译的标 ...

  5. VUE 入门笔记

    前端的MVVM概念今年来也算是如火如荼,了解完 MVVM的概念,也该找个去尝试下 首先我先试了下 国内小而美的 VUE 试着照着文档敲出入门文件,内容都在注释里 <!doctype html&g ...

  6. Vue 入门指南 JS

    Vue 入门指南 章节导航 英文:http://vuejs.org/guide/index.html 介绍 vue.js 是用来构建web应用接口的一个库 技术上,Vue.js 重点集中在MVVM模式 ...

  7. Vue学习记录第一篇——Vue入门基础

    前面的话 Vue中文文档写得很好,界面清爽,内容翔实.但文档毕竟不是教程,文档一上来出现了大量的新概念,对于新手而言,并不友好.个人还是比较喜欢类似于<JS高级程序设计>的风格,从浅入深, ...

  8. parcel+vue入门

    一.parcel简单使用 npm install -D parcel-bundler npm init -y (-y表示yes,跳过项目初始化提问阶段,直接生成package.json 文件.) Pa ...

  9. Vue入门基础

    前面的话 Vue中文文档写得很好,界面清爽,内容翔实.但文档毕竟不是教程,文档一上来出现了大量的新概念,对于新手而言,并不友好.个人还是比较喜欢类似于<JS高级程序设计>的风格,从浅入深, ...

随机推荐

  1. SQL语句组合查询 UNION

    1.使用UNION UNION 可以涉及编写多条SELECT语句,首先看看单条语句 第一条SELECT语句把Illinois,Indiana,Michigan等州的缩写传递给IN子句,检索出这些州的所 ...

  2. Hello-Annie

    Annie theme Annie是一个简单的Hexo博客主题,如果你喜欢散文.诗歌.小说......那么它可能合你心意! ☞预览-1,☞预览-2 Features 文艺.优雅.简洁的博客主题 页头随 ...

  3. typepra快捷键

  4. 数字电路基础（二）TTL与非门输入端悬空和接大电阻的问题

    引言 我们在做那些判断与非门输入输出的时候,常常把输入端悬空和接大电阻作为高电平输入处理,比如下边这一例题: 很显然,我们无法直接从与非门逻辑图中看出其内部工作原理,那我们该如何分析呢?那肯定是去分析 ...

  5. （Android图片内存优化）Picasso加载图片 教程。。详细版

    Picasso 是 Android 上一个强大的图片下载和缓存库. 示例代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 Picasso.with( ...

  6. docker快速搭建php7.2-nginx开发环境

    1.输入命令: docker search -s 100 php 搜索出下面图中列表,选择webdevops/php-nginx. 2.通过docker拉取webdevops/php-nginx镜像, ...

  7. C III

    http://cossacksworld.ucoz.co.uk/load/c_iii_files/79 http://cossacksworld.ucoz.co.uk/load/c_iii_files ...

  8. 实际项目中遇到EF实体类的操作问题及操作方法

    之前一直做ASP,都是直接写数据库操作语句,但是现在使用linq或者EF了,具体数据库操作不会了,遇到几个问题,然后经过查找资料解决了,记录一下. 一.遇到序列化问题 遇到循环引用问题,我的项目是一个 ...

  9. 1DadaFrame和Series创建

    通过GroupBy创建DF对象 sn_group=data.groupby('SN') purchase_count=sn_group.count().Price average_purchase_p ...

  10. C003：计算球体体积 自行输入球体半径

    程序: #include "stdafx.h" int _tmain(int argc, _TCHAR* argv[]) { float sphereRadius; do{ pri ...