扫码关注官方订阅号
认证0级讲师
https://yuanyuanshen.github.i...先把框架搭建起来，然后让程序跑起来你会发现，vue的每一个.vue文件包含你想显示的界面其实就是3部分在.vue文件中：（1）html代码在<temeplate>中（2）样式在<style>中（3）javascript代码在<script>中这三部分构成了你想展示的一页。一般vue搭配webpack，还有ES6语法来写。页面的跳转用 vue-router页面调用数据用 vue-resuorce其实就是给vue用ajax一些组件方便你开发，，移动端Mint UI PC端vue-strap 类似bootstrap一套组件或者干脆用element框架。
你在哪里看的手册，要Vue 1还是Vue 2
去极客学院学吧，有完整的课程，包含 Vue 基础、单文件组件、webpack基础及 vue 项目打包、vue-router、vuex ……，并且包含一个难度适中的实战项目，授课过程中包含部分 ES6 的知识点、Sublime 和 webpack 的用法，课后有习题和作业，作业完成后会有专门的老师批改点评。
你会发现不论是时间还是金钱，花得都是值得的。
任何一个html内，只要引入vue.js就可开始，比如这样：
<script src=https://vuejs.org/js/vue.js/>
比如这样的案例：
http://codepen.io/1000copy/pen/bBZKzp
去github上搜一搜，有很多vue的demo
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
5
408
收藏
https://yuanyuanshen.github.i...
先把框架搭建起来，然后让程序跑起来
你会发现，vue的每一个.vue文件包含你想显示的界面
其实就是3部分在.vue文件中：
（1）html代码在<temeplate>中
（2）样式在<style>中
（3）javascript代码在<script>中
这三部分构成了你想展示的一页。一般vue搭配webpack，还有ES6语法来写。
页面的跳转用 vue-router
页面调用数据用 vue-resuorce其实就是给vue用ajax
一些组件方便你开发，，移动端Mint UI PC端vue-strap 类似bootstrap一套组件
或者干脆用element框架。
你在哪里看的手册，要Vue 1还是Vue 2
去极客学院学吧，有完整的课程，包含 Vue 基础、单文件组件、webpack基础及 vue 项目打包、vue-router、vuex ……，并且包含一个难度适中的实战项目，授课过程中包含部分 ES6 的知识点、Sublime 和 webpack 的用法，课后有习题和作业，作业完成后会有专门的老师批改点评。
你会发现不论是时间还是金钱，花得都是值得的。
任何一个html内，只要引入vue.js就可开始，比如这样：
比如这样的案例：
去github上搜一搜，有很多vue的demo