vue
Cherries_h
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue中vue-route
Vue路由是指:根据不同地址,创造不同页面。如单页面应用,不刷新整个页面,不频繁请求,请求数据,通过js操作(ajax),如:切换两个不同图片,不同地址,只需第一次需要请求,第2次共用请求资源,只需再请求一张图片即可vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起...转载 2018-05-02 13:52:11 · 10819 阅读 · 1 评论 -
vuex的基本使用
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。 为什么使用状态管理?整站开发会有很多数据和状态,整站也是由很...原创 2018-05-02 15:33:41 · 12185 阅读 · 0 评论 -
vue中的v-model更新radio控件的方式
实践过程中v-model更新radio控件的方式,v-model 指令在表单 <input>及 <textarea>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素1、v-model绑定radio控件的value值,移除value属性,picked变量值无效。<div id="example-4"> <input type="rad...原创 2018-04-25 11:10:42 · 9554 阅读 · 0 评论 -
VUE中v-model对复选框的输入绑定
v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。对于单选按钮,复选框及选择框的选项,v-model 绑定的值通常是静态字符串 (对于复选框也可以是布尔值)。对于复选框有如下方式1、单个复选框,绑定到布尔值 <input type="checkbox" id="ch...原创 2018-04-25 15:21:31 · 12159 阅读 · 0 评论 -
vue中v-model对select的绑定
1、单选时<select v-model="selected"> <option disabled value="">请选择</option> <option>A</option> <option>B</option> <opti转载 2018-04-25 15:39:12 · 53062 阅读 · 0 评论 -
vue学习总结(一)vue实例
Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统,Vue.js ...翻译 2018-04-28 11:40:39 · 334 阅读 · 0 评论 -
vue学习总结(二)vue实例生命周期钩子
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数 1、beforeCreate 实例初始化之后 ,数据观测 (data observer) 和 event/watcher 事件配置之前被调用2、created 钩子:用来在一个实例被创建之后执行代码:在...原创 2018-04-28 15:42:10 · 667 阅读 · 0 评论 -
vue列表渲染注意事项
vue列表通常有两种形式 1、一个数组的列表渲染(数据项里要遍历是一个数组,里面的项是对象,如果遍历的是一个对象,对象里面每项也是对象也可用此方式遍历) 用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用item in items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名。支持一个可选的第二个参数为当前项的索引index。v-for 块...翻译 2018-05-22 14:56:35 · 520 阅读 · 0 评论 -
vue列表渲染数组与对象更新检测
一、数组检测 1、触发视图更新的数组变异方法 数组的方法只要改变了原始数组,就会触发视图更新。有如下方法:push()、pop()、shift()、unshift()、splice()、sort()、reserve(). 如:example1.items.push({ message: 'Baz' }) 2、替换数组(不改变原始数组) ...翻译 2018-05-22 15:39:09 · 1156 阅读 · 0 评论
分享