返回顶部
摘要: 在webpack-simple模板中,包括webpck模板。一个.vue文件就是一个组件。 为什么会这样呢?因为webpack干活了!webpack的将我们所有的资源文件进行打包。同时webpack还能将我们的html(template)、css、js文件通过模板编译的方式将这些文件打包成一个.vu 阅读全文
posted @ 2018-09-29 21:11 Crazymagic 阅读(445) 评论(0) 推荐(0) 编辑
摘要: ue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。 GitHub地址是:https://github.com/vuejs/vue-cli 一、安装Nodejs 首先需要安装Node环境。安装完成之后,可以在命令行工具中输入node -v和npm 阅读全文
posted @ 2018-09-29 21:09 Crazymagic 阅读(1318) 评论(0) 推荐(0) 编辑
摘要: vue的核心基础就是组件的使用,玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 那接下来就跟我看一下如何在一个Vue实例中使用组件吧! 这里有一个Vue组件的示例: 组件是可复用的Vue实例,并且带有一个名字:在这个例子中是 <Vhea 阅读全文
posted @ 2018-09-29 21:08 Crazymagic 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 修饰符 .lazy 在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步: .number 如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符 效果: 阅读全文
posted @ 2018-09-29 21:05 Crazymagic 阅读(159) 评论(0) 推荐(0) 编辑
摘要: vue的核心:声明式的指令和数据的双向绑定。 那么声明式的指令,已经给大家介绍完了。接下来我们来研究一下什么是数据的双向绑定? 另外,大家一定要知道vue的设计模式:MVVM M是Model的简写,V是View的简写,VM就是ViewModel。 单向绑定和双向绑定的区别? 单向绑定非常简单,就是把 阅读全文
posted @ 2018-09-29 21:04 Crazymagic 阅读(316) 评论(0) 推荐(0) 编辑
摘要: 一、计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: 在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里是想要显示变量 message 的翻转字符串。当你想要在模板中多次引用此处的翻转字符串时,就会更加难 阅读全文
posted @ 2018-09-29 21:01 Crazymagic 阅读(226) 评论(0) 推荐(0) 编辑
摘要: 所谓指令系统,大家可以联想咱们的cmd命令行工具,只要我输入一条正确的指令,系统就开始干活了。 在vue中,指令系统,设置一些命令之后,来操作我们的数据属性,并展示到我们的DOM上。 OK,接下来我们一一介绍我们的指令系统的用法。 1、条件渲染 一、v-if 表示条件渲染 在vue中,我们使用v-i 阅读全文
posted @ 2018-09-29 21:00 Crazymagic 阅读(399) 评论(0) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2018-09-29 01:44 Crazymagic 阅读(1363) 评论(0) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2018-09-29 00:31 Crazymagic 阅读(551) 评论(1) 推荐(1) 编辑