1.vue简介以及模板语法---vue教程

1. vue简介

vue的组件化

后缀名为.vue的文件是vue.js特有文件格式，表示一个vue组件 ，即单页式组件，可承载视图模板-,“样式定义”-

2.vue扩展插件

vue-cli:脚手架 
vue-resource(axios):ajax请求 
vue-router:路由管理 
vuex:状态管理 
vue-lazyload:图片懒加载 
vue-scroller:页面滚动 
mint-ui:移动端UI组件库 
element-ui:PC端UI组件库 
...

3.模板

插值

用双大括号{
  {}}引住的内容被称为"Mustache"语法
Mustache标签会被相应的数据对象属性值替换,且当这个属性变化是也会随之更新

运行结果：

插值-双大括号表达式

插值支持js表达式进行运算及简单处理

<p>{
  {name.toUpperCase()}}</p>

三大括号表达式

被废除，使用不当导致xss攻击，功能由v-html代替</