资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/vue框架入门和ES6介绍

vue框架入门和ES6介绍

ChanceWong / 3558人阅读

摘要：框架入门和介绍模式，是一种轻量级的前端框架，主要为模板渲染，数据同步，组件化，模块化，路由等。作者简介达叔，理工男，简书作者全栈工程师，感性理性兼备的写作者，个人独立开发者，我相信你也可以阅读他的文章，会上瘾，帮你成为更好的自己。

vue框架入门和ES6介绍

vue-mvvm模式，vue是一种轻量级的前端框架，主要为模板渲染，数据同步，组件化，模块化，路由等。

https://cn.vuejs.org/    源码：https://github.com/vuejs/vue

mvvm: m为model数据模型，负责数据存储，v为view视图，负责页面显示，vm为view model负责业务处理。

数据双向绑定：
view <-> viewmodel <-> model

vue1下载：

http://v1-cn.vuejs.org/js/vue.js

vue2下载：

https://unpkg.com/vue@2.2.1/dist/vue.js



    
        
        
        
    
    
        

            
            {{name}}
        

    
    



    
        
        
        
    
    
        
    
    




    
        
        
        
    
    
        

            

        

    
    




    
        
        
        
    
    
        

            

        

    
    




    
        
        
        
    
    
        

            {{name}}
        

    
    



    
        
        
        
    
    
        

            
    
                
  • a
    • 
                
  • 
            

        

    
    




    
        
        
        
    
    
        

            
    
                
  • {{list.id}}{{list.name}}
    • 
            

        

    
    




    
        
        
        
    
    
        

            
小达

            
            
小达

vue-router路由:
vue2.0 下载地址：

https://unpkg.com/vue@2.2.1/dist/vue.js
https://unpkg.com/vue-router@3.0.2/dist/vue-router.js


    
        
        
        
        
    
    
        

            登录
            注册

路由传值



    
        
        
        
        
    
    
        

            登录
            注册

ECMAScript6简介
模块化，块级作用域，箭头函数等。

什么是JavaScript，它是一种动态类型，弱类型的脚本语言，用来给HTML网页增加的动态功能。

JavaScript由三部分组成：

  1. ECMAScript（核心）
  2. DOM（文档对象模型）
  3. BOM （浏览器对象模型）

let是声明变量的关键字

let与for



    
        
        
        
    
    
        
    
            
  • red
    • 
            
  • green
    • 
            
  • blue
    • 
            
  • yellow
    •

const:声明一个常量，一旦声明后就不能修改。

数组解构赋值：
数组的结构赋值：

对象赋值：

字符串：



    
        
        
    
    
        

            

            

        

        
        
    

function 用var, let, const表示

箭头函数

rest：

symbol:

set:

size 数据的长度
add() 添加数据
delete() 删除数据
has() 查找某条数据
clear() 删除所有数据

map数据结构:

size 数据的长度
set() 添加一条数据
delete() 删除数据
get() 获取数据
has() 查找某条数据
clear() 删除所有数据

结言

好了，欢迎在留言区留言，与大家分享你的经验和心得。

感谢你学习今天的内容，如果你觉得这篇文章对你有帮助的话，也欢迎把它分享给更多的朋友，感谢。

作者简介

达叔，理工男，简书作者&全栈工程师，感性理性兼备的写作者，个人独立开发者，我相信你也可以！阅读他的文章，会上瘾！，帮你成为更好的自己。长按下方二维码可关注，欢迎分享，置顶尤佳。

云服务器 GPU云服务器 ES6入门 vue入门教程 python框架介绍 java框架介绍

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1156.html

相关文章

  • 前端资源系列（4）-前端学习资源分享&前端面试资源汇总

    摘要：特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。 特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。 本以为自己收藏的站点多，可以很快搞定，没想到一入汇总深似海。还有很多不足&遗漏的地方，欢迎补充。有错误的地方，还请斧正... 托管: welcome to git，欢迎交流，感谢star 有好友反应和斧正，会及时更新，平时业务工作时也会不定期更...

    princekin 评论0 收藏0

  • 个人分享--web前端学习资源分享

    摘要：前言月份开始出没社区，现在差不多月了，按照工作的说法，就是差不多过了三个月的试用期，准备转正了一般来说，差不多到了转正的时候，会进行总结或者分享会议那么今天我就把看过的一些学习资源主要是博客，博文推荐分享给大家。 1.前言 6月份开始出没社区，现在差不多9月了，按照工作的说法，就是差不多过了三个月的试用期，准备转正了！一般来说，差不多到了转正的时候，会进行总结或者分享会议！那么今天我就...

    sherlock221 评论0 收藏0

  • 前端必须要珍藏的技术文章和面试题

    摘要：前端工程师学习资料，快速查找面试题，经典技术文章的总结，编程技巧，帮助学习者快速定位问题花点时间整理出一下前端工程师日常工作所需要的学习资料查找，帮助学习者快速掌握前端工程师开发的基本知识编程始于足下记住再牛逼的梦想也抵不住傻逼似的坚持蝴蝶 前端工程师学习资料，快速查找面试题，经典技术文章的总结，编程技巧，帮助学习者快速定位问题花点时间整理出一下web前端工程师日常工作所需要的学习资料...

    MoAir 评论0 收藏0

发表评论

登陆后可评论

0条评论

ChanceWong

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<