vue - 基础(1)-白红宇

vue - 基础(1)

阅读量：5797 次

发布时间：2019-06-18

本文共 1214 字，大约阅读时间需要 4 分钟。

在学习Vue的基本用法之前，我们先简单的了解一些es6的语法

let：

　　特点：1.局部作用域　　2.不会存在变量提升　　3.变量不能重复声明

const：

　　特点：1.局部作用域　　2.不会存在变量提升　　3.不能重复声明，只声明常亮，不可变的量（因为是常量所以在初始化的时候就要赋值）

模板字符串：

　　tab键上面的反引号 ${变量名}来插值

　　let name = "xiaoming"

　　let str = `我是${name}`

箭头函数

　　function(){} == () => {} this的指向发生了改变

1 let add = function (x) {2         return x3     };4     console.log(add(6));5 6     let add = (x) => {7         return x8     };9     console.log(add(30))

es6的类

　　原型 prototype 当前类的父类（继承性）

function Vue(name,age) {        this.name = name;        this.age = age    }    Vue.prototype.showName = function () {        console.log(this.name)    };    var vue = new Vue("xiaoming",18);    vue.showName()

Vue的介绍

　　前端的三大框架：

　　　　vue：尤雨溪，渐进式的JavaScript框架

　　　　react：Facebook公司，里面的高阶函数非常多，对初学者不友好

　　　　angular：谷歌公司，目前更新到6.0，学习angular需要typescript

　　vue的基本引入和创建

　　　　1.下载

　　　　　　cdn方式：

2.引包

3.实例化


         
          
      {
   { msg }}
　　    
      {
   { "hahaha" }}
    
      {
   { 1+1 }}
    
      {
   { {
   "name":"haha"} }}
    
      {
   { person.name }}
    
      {
   { 1>2? "真的":"假的" }}
    
      {
   { msg2.split("").reverse().join("") }}
    
      
       {
   { text }}