vue学习
文章平均质量分 94
sJohnny
小小前端
wechat:522407532
展开
-
vue学习(四) vue-loader vue-router vue-cli
vue-routerSPA: SinglePageApplication 单页面应用程序vue在实现单页面应用程序,要借助他的路由,即vue-router下载vue-router,在页面中引入相关的模块具体使用代码过程:首先引入vue和vue-router在html里写相关的链接,这里链接还是通过a标签来定义,但是通过 v-link来绑定链接的地址再通过router-view ,原创 2017-03-01 20:10:22 · 1425 阅读 · 0 评论 -
vue学习(三) vue组件
组件一个大的对象;定义代码: <div id="box"> <bc></bc> </div> <hr> <script> var aaa = Vue.extend({ template: 'This is a vue 全局组件。' }) Vue.component('bc',a原创 2017-02-23 20:55:20 · 531 阅读 · 0 评论 -
vue学习(二) vue生命周期 vue自定义指令和过滤器
生命周期钩子函数vue的生命周期图示vue的几个钩子函数直接代码展示: <div id="box"> {{msg}} </div> <script> var vm = new Vue({ el : "#box", data : { msg : "welcome vue原创 2017-02-21 20:42:47 · 4329 阅读 · 0 评论 -
vue学习(一) vue指令和过滤器
vue官网:vue官网 手册:vue手册What is vue? 一个mvvm框架(库)、和angular类似 比较容易上手、小巧Compare with Angular - vue : 简单、易学 一片html代码配合上json,在new出来vue实例 适用于移动端项目,小巧 - Angular: 上手难 所有属性和方法都挂到$scope身上原创 2017-02-17 20:29:41 · 2941 阅读 · 0 评论 -
欢迎使用CSDN-markdown编辑器
vue学习(五)-vue2.0组件模板的变化 // 1.0时候的试用方法 <template> <h3>我是组件</h3> <strong>我是加粗标签</strong> </template> // 2.0时候的使用方法 必须要有一个根标签包裹着,否则出错 <template id="aaa"> <div>原创 2017-03-29 14:32:30 · 346 阅读 · 0 评论