摘要: 在webpack-simple模板中,包括webpck模板。一个.vue文件就是一个组件。 为什么会这样呢?因为webpack干活了!webpack的将我们所有的资源文件进行打包。同时webpack还能将我们的html(template)、css、js文件通过模板编译的方式将这些文件打包成一个.vu 阅读全文
posted @ 2018-07-24 15:14 王竹笙 阅读(143) 评论(0) 推荐(0) 编辑
摘要: vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。 GitHub地址是:https://github.com/vuejs/vue-cli 一、安装Nodejs 首先需要安装Node环境。安装完成之后,可以在命令行工具中输入node -v和np 阅读全文
posted @ 2018-07-24 14:00 王竹笙 阅读(140) 评论(0) 推荐(0) 编辑
摘要: vue的核心基础就是组件的使用,玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 那接下来就跟我看一下如何在一个Vue实例中使用组件吧! 这里有一个Vue组件的示例: 组件是可复用的Vue实例,并且带有一个名字:在这个例子中是 <Vhea 阅读全文
posted @ 2018-07-24 11:41 王竹笙 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 修饰符 .lazy 在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步: .number 如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符 效果: 阅读全文
posted @ 2018-07-24 11:24 王竹笙 阅读(115) 评论(0) 推荐(0) 编辑
摘要: vue的核心:声明式的指令和数据的双向绑定。 那么声明式的指令,已经给大家介绍完了。接下来我们来研究一下什么是数据的双向绑定? 另外,大家一定要知道vue的设计模式:MVVM M是Model的简写,V是View的简写,VM就是ViewModel。 单向绑定和双向绑定的区别? 单向绑定非常简单,就是把 阅读全文
posted @ 2018-07-24 10:37 王竹笙 阅读(117) 评论(0) 推荐(0) 编辑