摘要: 在webpack-simple模板中,包括webpck模板。一个.vue文件就是一个组件。 为什么会这样呢?因为webpack干活了!webpack的将我们所有的资源文件进行打包。同时webpack还能将我们的html(template)、css、js文件通过模板编译的方式将这些文件打包成一个.vu 阅读全文
posted @ 2018-07-16 15:54 Alice的小屋 阅读(936) 评论(0) 推荐(0) 编辑
摘要: ue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。 GitHub地址是:https://github.com/vuejs/vue-cli 一、安装Nodejs 首先需要安装Node环境。安装完成之后,可以在命令行工具中输入node -v和npm 阅读全文
posted @ 2018-07-16 14:30 Alice的小屋 阅读(3877) 评论(0) 推荐(1) 编辑
摘要: 组件的创建 vue的核心基础就是组件的使用,玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 那接下来就跟我看一下如何在一个Vue实例中使用组件吧! 这里有一个Vue组件的示例: <!DOCTYPE html> <html> <head> 阅读全文
posted @ 2018-07-16 13:40 Alice的小屋 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 计算属性 computed:{} <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div id="computed"> <div> <!-- dlrow olleh --> <!-- {{msg.split('').reve 阅读全文
posted @ 2018-07-16 11:04 Alice的小屋 阅读(1224) 评论(0) 推荐(0) 编辑
摘要: 指令系统: 所谓指令系统,大家可以联想咱们的cmd命令行工具,只要我输入一条正确的指令,系统就开始干活了。 在vue中,指令系统,设置一些命令之后,来操作我们的数据属性,并展示到我们的DOM上。 1. v-if v-else-if v-else 2. v-show 一般来说,v-if 有更高的切换开 阅读全文
posted @ 2018-07-16 10:10 Alice的小屋 阅读(187) 评论(0) 推荐(0) 编辑