2019-10-24(入门helloworld+计算属性/监视+class与style绑定+条件+列表渲染)

Vue

一个javascript库，框架，是渐进式的（需要什么加什么，React也是渐进式）

作用：构建前端页面（主要强调页面View），可以引入插件

三大框架时间：angular---React（大型公司）---Vue（中小型）

MVVM模式

model:模型，数据对象（data）

view：视图，模板页面

viewModel：视图模型（Vue实例）：DOM监听+数据绑定

Vue扩展插件

vue-cli：脚手架；vue-resource（axios）：ajax：请求；vue-router：路由；vuex：状态管理；vue-lazyload：图片懒加载；vue-scroller：页面滑动相关；mint-ui：基于vue的UI组件库（移动端）；element-ui：基于vue的UI组件库（PC端）

安装Vue-devTools

入门的HelloWorld

html文件：

​

  

  

  

  

​

  

      

      

输入的内容是：{{username}}

  

​

  

  

​

计算属性（缓存）和监视

​

  

  

  

  

​

  

       姓：

      

       名：

      

       姓名：

      

       姓名：

  

​

  

  

​

class与style绑定

​

  

  

  

  

  

​

  

      

字体

      

字体

      

字体

      

字体

       update

​

      

wym

  

​

  

  

​

条件

​

  

  

  

  

​

  

      

      

success

      

false

       click

      

      

成功

      

失败

       click

  

​

  

  

​

列表渲染

​

  

  

  

  

​

  

      

          

• {{index}}---{{p.name}}---{{p.age}}

                 ---删除

                 ---更新

            

      

  

​

  

  

​