当前位置:首页> 文章> Vue
vue案例-品牌管理案例
vue案例-品牌管理案例

品牌管理案例添加新品牌删除品牌根据条件筛选品牌1.x 版本中的filterBy指令,在2.x中已经被废除:filterBy - 指令<tr v-for="item in list | filterBy searchName in 'name'">  <td>{{item.id}}</td>  <td>{{item.name}}</td>  <td>{{item.ctime}}&l···

品牌管理

 2019-05-16 22:42:27    阅读全文

vue指令之`v-for`和`key`属性
vue指令之`v-for`和`key`属性

Vue指令之v-for和key属性迭代数组<ul>  <li v-for="(item, i) in list">索引:{{i}} --- 姓名:{{item.name}} --- 年龄:{{item.age}}</li></ul>迭代对象中的属性 <!-- 循环遍历对象身上的属性 -->    <div v-for="(val, key, i) in userInfo">{{v···

v-for

 2019-05-16 22:41:33    阅读全文

在Vue中使用样式
在Vue中使用样式

在Vue中使用样式使用class样式数组<h1 :class="['red', 'thin']">这是一个邪恶的H1</h1>数组中使用三元表达式<h1 :class="['red', 'thin', isactive?'active':'']">这是一个邪恶的H1</h1>数组中嵌套···

Vue使用样式

 2019-05-16 22:40:42    阅读全文

vue之 - 基本的代码结构 和 插值表达式
vue之 - 基本的代码结构 和 插值表达式

Vue指令之v-text和v-htmlVue指令之v-bind的三种用法直接使用指令v-bind使用简化指令:在绑定的时候,拼接绑定内容::title="btnTitle + ', 这是追加的内容'"Vue指令之v-on和跑马灯效果跑马灯效果HTML结构:<div id="app">    <p>{{info}}</p>    <inp···

插值表达式

 2019-05-16 22:35:39    阅读全文

为什么要学Vue
为什么要学Vue

什么是Vue.jsVue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!Vue.js 是一套构建用户界面的框架,只关注视图层,它不···

Vue

 2019-05-07 20:54:58    阅读全文