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文件:


?




Document - 锐客网

?



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


?



?

计算属性(缓存)和监视


?




Document - 锐客网

?


姓:


名:


姓名:


姓名:

?



?

class与style绑定


?




Document - 锐客网

.aClass{
color: blueviolet;
}
.bClass{
color: blue;
}
.cClass{
font-size: 30px;
}


?


字体

字体

字体

字体


?
wym


?



?

条件


?




Document - 锐客网

?



success

false



成功

失败



?



?

列表渲染


?




Document - 锐客网

?



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



?



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

    推荐阅读