随笔分类 -  Vue

摘要:Vue全家桶: (1)Vue基础 (2)VueRouter (3)VueX 下面是一个路由示例: 1. Vue全家桶 Vue + VueRouter + VueX 2. VueRouter https://router.vuejs.org/zh/ 基本使用 1. 必须导入vue-router.js文 阅读全文
posted @ 2018-07-31 22:02 Coca-Mirinda 阅读(324) 评论(0) 推荐(0)
摘要:Vue的生命周期: (1)beforeCreat:创建之前触发的方法(数据属性声明但没有赋值) (2)created:创建之后触发的方法(数据属性声明并赋值) (3)beforeMount:挂载之前触发的方法(只是绑定了{{}}里的变量,但是并没有替换) (4)mounted:挂在之后触发的方法(绑 阅读全文
posted @ 2018-07-31 20:58 Coca-Mirinda 阅读(278) 评论(0) 推荐(0)
摘要:Vue——前端开发工具包: 先举一个粒子? (1)先创建一个webpack文件夹 (2)在文件夹中创建三个文件a.js和b.js和index.html, index.html a.js b.js 1.我们现在index.html中导入了a.js和b.js两个文件,系统自上而下执行。 2.会先走a.j 阅读全文
posted @ 2018-07-31 14:58 Coca-Mirinda 阅读(1755) 评论(0) 推荐(0)
摘要:组件的插槽: 代码示例: 阅读全文
posted @ 2018-07-31 04:53 Coca-Mirinda 阅读(580) 评论(0) 推荐(0)
摘要:Vue——小清单 如图: 需要完成功能: (1)通过bootstrap搭建出项目雏形 (2)在输入框内通过v-mode命令l实现数据双向交互。 (3)通过v-bind/v-on等命令实现点击 按钮使按钮变绿(原来是黑色)。 (4)点击 删除此清单。 代码如下: <!DOCTYPE html> <ht 阅读全文
posted @ 2018-07-31 02:04 Coca-Mirinda 阅读(3675) 评论(0) 推荐(0)
摘要:16-组件的创建(注:Vue的自定义事件中的变量不能用驼峰体) vue的核心基础就是组件的使用,玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 那接下来就跟我看一下如何在一个Vue实例中使用组件吧! 这里有一个Vue组件的示例: Vue 阅读全文
posted @ 2018-07-30 18:46 Coca-Mirinda 阅读(2708) 评论(0) 推荐(0)
摘要:修饰符 .lazy 在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步: .number 如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符 效果: 阅读全文
posted @ 2018-07-30 18:13 Coca-Mirinda 阅读(141) 评论(0) 推荐(0)
摘要:表单输入绑定 vue的核心:声明式的指令和数据的双向绑定。 那么声明式的指令,已经给大家介绍完了。接下来我们来研究一下什么是数据的双向绑定? 另外,大家一定要知道vue的设计模式:MVVM M是Model的简写,V是View的简写,VM就是ViewModel。 单向绑定和双向绑定的区别? 单向绑定非 阅读全文
posted @ 2018-07-30 18:12 Coca-Mirinda 阅读(171) 评论(0) 推荐(0)
摘要:计算属性和监听器: 计算属性: 设计计算属性的初衷是为了简单运算的。(防止模板中的过多逻辑难以维护) 在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里是想要显示变量 message 的翻转字符串。当你想要在模板中多次引用此处的翻转字符串时,就会更加难以处理。 总结:对于任何复 阅读全文
posted @ 2018-07-30 18:02 Coca-Mirinda 阅读(734) 评论(0) 推荐(0)
摘要:(1)[11, 33, 4, 2, 11, 4, 9, 2]去重并保持原来的顺序? 阅读全文
posted @ 2018-07-29 23:58 Coca-Mirinda 阅读(110) 评论(0) 推荐(0)