vue.js基础知识点总结

Vue.js

什么是vue.js

是一个渐进式的构建用户界面的js框架

vue.js的好处

1.方便阅读的中文文档
2.容易上手 
3.体积小
4.基于组件化的开发方式
5.代码的可读性、可维护性得到了提高

搭建环境：

方式1
     全局安装 vue-cli
    $ npm install --global vue-cli
    # 创建一个基于 webpack 模板的新项目
    $ vue init webpack helloworld
    $ cd helloworld
    $ npm run serve
方式2:
    直接引入对应的js文件

Vue中基础知识

1、双花括号

语法：
<any>{
  {表达式}}</any>
作用：
将表达式执行的结果 输出当调用元素的innerHTML中

2、指令-循环指令

基本语法1：
<any v-for="tmp in array"></any>
基本语法2：
<any v-for="(value,index) in array"></any>

作用：
在遍历array这个集合时，将临时变量保存在tmp中，创建多个any标签

3、指令-选择指令

语法：
  <any v-if="表达式"></