美文网首页H5技术栈Web前端之路Vue.js专区
VUE专题(二)vue2.0路由搭建

VUE专题(二)vue2.0路由搭建

作者: 腿毛崩你一脸 | 来源:发表于2017-02-27 23:02 被阅读407次
vue

从不太了解vue到今天独自扛起一个vue项目,真的是越战越勇,慢慢的喜欢上了这个前端框架,当然所经历的心里折磨也是不少的,所有踩过的坑都使我每一步更加稳健。
我不知道大家会不会经历我所经历过得 ,但是我还是想要分享,最近几篇是这样规划的,我先把大体框架给整出来,然后我再总结一下自己所经历的一些坑。

//index.html
<pre>
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport"
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<meta charset="utf-8">
<title>profile</title>
<link rel="stylesheet" href="css/reset.css">
</head>
<body>
<div id="app"></div>
<script src="bundle.js"></script>
</body>
</html>
</pre>
这是一个index.html文件,挂载点是<div id="app"></div>。
我在下边引用了bundle.js是我用webpack打包编译后的js文件。
//App.vue

<pre>
<template>
<div class="container">
<header>
<section class="titleSec">


webwxgetmsgimg.jpg

相关文章

网友评论

    本文标题:VUE专题(二)vue2.0路由搭建

    本文链接:https://www.haomeiwen.com/subject/ucytgttx.html