在以前的web程序中,路由字眼只出现在后台中。但是随着SPA单页面程序的发展,便出现了前端路由一说。单页面顾名思义就是一个网站只有一个html页面,但是点击不同的导航显示不同的内容,对应的url也会发生变化,这就是前端路由做的事。也就是通过JS实时检测url的变化,从而改变显示的内容。 目前很多前端 ...
分类:
Web程序 时间:
2017-03-22 00:48:40
阅读次数:
483
Vue.component('currency-input', { template: '\ \ {{ label }}\ $\ \ \ ', props: { value: { type: Number, default: 0 }, label: { type: S... ...
分类:
Web程序 时间:
2017-03-21 15:49:33
阅读次数:
1075
camelCase(驼峰式) 和. kebab-case(短横线式) HTML 特性是不区分大小写的。所以,当使用的不是字符串模版,camelCased (驼峰式) 命名的 prop 需要转换为相对应的 kebab-case (短横线隔开式) 命名: 如果你使用字符串模版,则没有这些限制。 这个横线 ...
分类:
Web程序 时间:
2017-03-21 15:22:19
阅读次数:
241
事件修饰符 在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation()是非常常见的需求。尽管我们可以在 methods 中轻松实现这点,但更好的方式是:methods 只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。 为了解决这个问题, ...
分类:
Web程序 时间:
2017-03-21 13:06:03
阅读次数:
229
http://v1-cn.vuejs.org/guide/ 【1】. vue-cli 【项目不完整,跳过】https://github.com/vuejs/vue-cli vue-cli-master.zip 全局安装 vue-cli npm install -g vue-cli C:\Users\ ...
分类:
其他好文 时间:
2017-03-19 23:35:35
阅读次数:
347
学习编程需要的是 API+不断地练习^_^ Vue官网:https://cn.vuejs.org/ 菜鸟教程:http://www.runoob.com/vue2/vue-tutorial.html 1.简单的介绍 Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的渐进式框 ...
分类:
其他好文 时间:
2017-03-19 17:06:23
阅读次数:
2266
vue.js安装 官网:http://cn.vuejs.org/ 官方安装介绍:http://cn.vuejs.org/v2/guide/installation.html npm安装参考文章:http://www.cnblogs.com/shhnwangjian/p/6559732.html 基于 ...
分类:
Web程序 时间:
2017-03-16 20:11:28
阅读次数:
154
main.js 引入css样式 import './assets/style.css' 如果报错 1.安装 https://github.com/webpack-contrib/style-loader npm install style-loader --save-dev / cnpm insta ...
分类:
Web程序 时间:
2017-03-15 11:59:25
阅读次数:
275
Mint-Ui 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库 官网: http://mint-ui.github.io/#!/zh-cn 加载css 安装style loader https://github.com/webpack-contrib/style-l ...
分类:
Web程序 时间:
2017-03-15 11:58:51
阅读次数:
2235
一、事件冒泡 方法一、使用event.cancelBubble = true来组织冒泡 方法二:使用vue自带的方法组织冒泡 拓展:事件修饰符 参考API:http://cn.vuejs.org/v2/guide/events.html#事件修饰符 在事件处理程序中调用 event.preventD ...
分类:
其他好文 时间:
2017-03-14 23:01:50
阅读次数:
411