vue语法规则_VUE的基本语法

1.VUE的介绍

| 框架 | 介绍 |

| ------- | ------------------------------------------------------------ |

| vue | 尤雨溪,渐进式的JavaScript框架 |

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

| angular | 谷歌公司，目前更新到6.0，学习angular得需要玩一下typescript

Vue angular2.0 3.0~6.0 React(高阶函数 es6)初学者不友好 |

2.VUE的基本引入和创建

1.下载

cdn方法下载

2.引包

3.实例化

Document

{{ msg }}

{{ "哈哈哈" }}

{{ 1+1 }}

{{ {'name':'alex'} }}

{{ person.name }}

{{ 1>2? "true":"false" }}

{{ msg2.split('').reverse().join('') }}

{{ text }}

//实例化对象

newVue({

el:'#app',

data:{

msg:'黄瓜',

person:{

name:"alex"},

msg2:"HELLO vue",

text:'

yuan

>'}

})

View Code

VUE的模板语法可以插入你想插入的任何内容,除了if-else      if -else用三元运算符代替