vue2.0学习之旅
Ewar
代码不规范,亲人两行泪
展开
-
vue.js2.0学习(一)——基础
vue.js是一套构建用户界面的渐进式框架。 Vue只关注视图层,采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue语法格式 基本格式: var vm = new Vue({ //选项 }) 实例: <div id="vue_det"> <h1>site : {{site}}</h1> ...原创 2019-03-29 15:42:26 · 235 阅读 · 0 评论 -
vue.js2.0学习(二)——计算属性和监听属性
计算属性(computed) 实例: <div id="example"> <p>Orginal message:"{{message}}"</p> <p>Computed reversed message:"{{reversedMessage}}"</p> <div> var vm = new Vue({ el:"#e...原创 2019-03-29 16:48:01 · 196 阅读 · 0 评论 -
vue.js2.0学习(三)class与style的绑定
class与style绑定 通过v-bind指令来进行class与style的绑定 绑定HTML Class 1.对象语法 传给 v-bind:class 一个对象,以动态的切换class <!-- 使用:v-bind:clas="{class名:条件}" --> <!-- 例子: --> <style> .active{ background-co...原创 2019-04-30 17:30:14 · 170 阅读 · 0 评论 -
vue.js2.0学习(四)条件渲染
一. 条件渲染 v-if 该指令的会用类似于js中的if语句 例如: <h1 v-if="awesome">你好</h1> 只有当awesome为true时,才会渲染<h1>标签 v-else 用法也同if…else…类似 但是v-else元素必须紧跟在带v-if或者v-else-if的元素后面 例如: <h1 v-if="awesome">你好&l...原创 2019-04-30 22:08:51 · 133 阅读 · 0 评论