随笔分类 -  web - VUE

摘要:简单的,我的首页,我的笔记项目 vue + vue-router + vuex View + VM(ViewModel) + Model (webpack) vue init webpack lint your code 选 n 注意:图片 ... npm run dev Vmain.vue Vno 阅读全文
posted @ 2018-07-17 10:25 Alice的小屋 阅读(447) 评论(0) 推荐(0) 编辑
摘要:在webpack-simple模板中,包括webpck模板。一个.vue文件就是一个组件。 为什么会这样呢?因为webpack干活了!webpack的将我们所有的资源文件进行打包。同时webpack还能将我们的html(template)、css、js文件通过模板编译的方式将这些文件打包成一个.vu 阅读全文
posted @ 2018-07-16 15:54 Alice的小屋 阅读(931) 评论(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的小屋 阅读(3869) 评论(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的小屋 阅读(1209) 评论(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的小屋 阅读(184) 评论(0) 推荐(0) 编辑
摘要:一、vue - 介绍 vue的作者叫尤雨溪,中国人。自认为很牛逼的人物,也是我的崇拜之神。 关于他本人的认知,希望大家读一下这篇关于他的文章,或许你会对语言,技术,产生浓厚的兴趣。https://mp.weixin.qq.com/s?__biz=MzA5NzkwNDk3MQ==&mid=265058 阅读全文
posted @ 2018-07-04 09:14 Alice的小屋 阅读(320) 评论(0) 推荐(0) 编辑
摘要:一、webpack 在这里我仅仅的是对webpack做个讲解,webpack这个工具非常强大,解决了我们前端很繁琐的一些工具流程繁琐的事情。如果感兴趣的同学,建议还是看官网吧。 中文链接地址:https://www.webpackjs.com/ 为什么要使用webpack? 现今的很多网页其实可以看 阅读全文
posted @ 2018-07-04 08:26 Alice的小屋 阅读(275) 评论(0) 推荐(0) 编辑
摘要:一、知识 打开Nodejs英文网:https://nodejs.org/en/ 中文网:http://nodejs.cn/ 我们会发现这样一句话: 翻译成中文如下: Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 阅读全文
posted @ 2018-07-03 20:15 Alice的小屋 阅读(226) 评论(0) 推荐(0) 编辑
摘要:一、知识 http://www.cnblogs.com/majj/https://www.cnblogs.com/majj/category/1216624.html阮一峰 es6http://es6.ruanyifeng.com/http://www.bootcdn.cn/ http://www. 阅读全文
posted @ 2018-07-03 14:57 Alice的小屋 阅读(243) 评论(0) 推荐(0) 编辑