详解windows下vue

详解windows下vue

1、本文章是建立在《windows下vue-cli及webpack 构建网站(一)环境安装》和《windows下vue-cli及webpack 构建网站(一)导入bootstrap样式》两篇文章之上的。

2、在src\components文件夹下面新建两个组件，分别为 header.vue、footer.vue，打开header.vue文件粘贴下面的代码作为网站的头部。

Toggle navigation

{{ msg }}

会员

&lhttp://t;/template>

打开footer.vue文件，粘贴以下代码作为网站底部：

版权所有 盗版必究.

Back to top

保存

3、打开src文件夹下面的app.vue文件，修改模板代码为

可以看到代码中我们引入了新创建的两个组件，并且加载到模板当中了，我们保存之后启动一下项目看看。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。