![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue的学习之路
码农的成长
这个作者很懒,什么都没留下…
展开
-
Vue路由的学习过程
创建一个简单的路由 1、可以在bootcdn官网上直接下载vue-router的js文件来做练习 2、新建一个html页面,引入vue-router.js,但首先要引入vue.js(因为vue.router.js是依赖于vue.js的) 3、①定义一个根实例组件 <div id='app'></div> new Vue({ el:'#app' , }) ...原创 2018-06-28 20:38:50 · 178 阅读 · 0 评论 -
Vue路由中的子路由学习
1、创建一个首页组件,并通过路由在根实例中显示: <body> <div id="app"> <router-view></router-view> </div> <script type="text/x-template" id="home"&原创 2018-06-28 20:52:57 · 20629 阅读 · 0 评论 -
Vue-cli的学习记录
一、vue-cli的安装 1、通过npm全局安装vue-cli: npm install -g vue-cli 2、初始化项目: //vue init webpack <项目名> vue init webpack vcli //除了 vue-router的安装选择yes,别的都选择no //Should we run `npm install` for you afte...原创 2018-06-28 20:53:52 · 175 阅读 · 0 评论 -
Vue学习中碰到的BUG
1、配置路由后页面上不显示内容,可能的原因 ①可能是路由规则中的path和router-link中的to两者的格式不一致 ②可能是用于页面显示的数据格式有问题,比方说将对象型数据用了循环 ③可能是因为子路由对应的父路由中没有router-view ④可能是因为规则中使用了components,但对应的router-view没用name属性...原创 2018-06-28 20:54:24 · 694 阅读 · 0 评论