前端变化层出不穷,去年NG火一片,今年react,vue火一片,ng硬着头皮看了几套教程,总被其中的概念绕晕,react是faceback出品,正在不断学习中,同时抽时间了解了vue,查看了vue官方文挡,看完格外入眼,总觉得要拿来试一试手. 正好周未,做一个小成绩单玩玩,以前有用avalon也做过一个类似的:http://www.cnblogs.com/xwwin/p/5203334.html 从过程来看,二个框架都在避免开发者频繁操作dom,脱离dom苦海,安心处理数据业务逻辑,从二个示例来…

现代前端框架大行其道,讲前端思想从操作dom的阶段,升级到操作数据的阶段.vue作为三大前端框架之一,其中平缓的学习曲线,让好多前端新手非常喜欢,应用也越来越广泛.虽然其他两个框架有facebook,和google撑腰,但是vue已然是不可小觑的对手了.无论你去做前端面试还是公司新项目技术选型,vue一定不会跑出你们的备选名单.下面简单讲讲做vue开发第一部,安装! 安装nodejs vue依托nodejs,所以首先要安装nodejs,官网直接百度 点击下载链接,其中LTS或者 Current版…

作为一个前端的小菜鸟,在平时的开发与学习中,除了要深入了解javascript 及 css 的各种特性,熟悉一门框架也是必不可少的.vue以其小巧,轻便,学习平滑等各种特性深受欢迎. 这里总结一下小菜鸟碰到的坑和小技巧 1.避免页面加载时出现双花括号   官方推荐v-cloak <style>   [v-cloak] { display: none; } </style> <div id='app' v-cloak> {{message}} </div> 2…

1. 如果本机没有安装node运行环境,请下载node 安装包进行安装.地址:https://nodejs.org/en/ 2.装完,使用cmd命令行输入:node -v回车 如果输出版本号则成功. 3.输入npm -v回车可查看npm的版本号 4.因为npm是国外的服务器,所以使用的时候响应很慢,可以安装国内的淘宝镜像. 在终端输入:npm install -g cnpm --registry=https://registry.npm.taobao.org回车 等待挺长一段时间,安装成功后即可…

每个 Vue 应用都需要通过实例化 Vue 来实现. 语法格式如下: var vm = new Vue({ // 选项 }) 接下来让我们通过实例来看下 Vue 构造器中需要哪些内容: 可以看到在 Vue 构造器中有一个el 参数,它是 DOM 元素中的 id.在上面实例中 id 为 vue_det,在 div 元素中: <div id = "vue_det"></div> 这意味着我们接下来的改动全部在以上指定的 div 内,div 外部不受影响. 接下来我们…

本人水平有限,如内容有误,欢迎指正,谢谢. let  : 主要特点: 1.作用域只局限于当前代码块.2.使用let 声明的变量作用域不会被提升.3.在相同的作用域下不能声明相同的变量.4.for循环体现let的父子作用域. ---------------------------------------------------- 1.作用域只局限于当前代码块 . 解读:在{   } 作用域外,不能获取变量 a. 在{ } 之中,可以正常输出.  2.没有变量声明提升. 传统ES 5里面,var 允…

github: https://github.com/lanleilin/Typescript-Vue-Demo…

本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57d13a57132ff21c38110186 导语 最近这几年的前端圈子,由于戏台一般精彩纷呈,从 MVC 到 MVVM,你刚唱罢我登场. backbone,angularjs 已成昨日黄花,reactjs 如日中天,同时另一更轻量的 vue 发展势头更猛,尤其是即将 release 的2.0版本,号称兼具了 angularjs 和 reactjs 的两者优点.不过现在的官方…

基于 Webpack & Vue & Vue-Router 的 SPA 初体验 本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57d13a57132ff21c38110186 导语 最近这几年的前端圈子,由于戏台一般精彩纷呈,从 MVC 到 MVVM,你刚唱罢我登场. backbone,angularjs 已成昨日黄花,reactjs 如日中天,同时另一更轻量的 vue 发展势头更猛,尤其是即将 release 的2.…

理解 组件(Component)是 Vue.js 最强大的功能之一.组件可以扩展 HTML 元素,封装可重用的代码.在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能.在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展. 使用组件 创建单文件组件 <template> </template> <script> export default { }; </script> <style lang="st…