vue框架入门和ES6介绍

vue框架入门和ES6介绍

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/[email protected]/dist/vue.js

效果

    
        
        
        
    
    
        

            
            {{name}}
        
    
    

    
        
        
        
    
    
        

            
            百度一下
        
    
    




    
        
        
        
    
    
        

            

        
    
    




    
        
        
        
    
    
        

            

        
    
    




    
        
        
        
    
    
        

            {{name}}
        
    
    

    
        
        
        
    
    
        

            

                
a
                

            
        
    
    




    
        
        
        
    
    
        

            

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




    
        
        
        
    
    
        

            
小达
            
            
小达
        
    
    

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

https://unpkg.com/[email protected]/dist/vue.js

https://unpkg.com/[email protected]/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() 删除所有数据

结言

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

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

作者简介

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

努力努力再努力Jeskson