2016年11月27日
摘要: 接下来我们要做的是vue的路由处理,首先当然是安装: 接下打开我们的main.js,引入我们vue-router,然后在告诉vue我们要使用我们的vue-router 接下来我们开始使用,比如我们的首页我们是用我们的todo-items这个组件来处理 那么我们当然也要把它引用进来 接下来我们还要做一 阅读全文
posted @ 2016-11-27 16:26 weblsy 阅读(309) 评论(0) 推荐(0)
  2016年11月26日
摘要: WEB前端助手(FeHelper) 用了都说好,嘻嘻 阅读全文
posted @ 2016-11-26 12:48 weblsy 阅读(167) 评论(0) 推荐(0)
  2016年11月25日
摘要: 使用vue-cli,首先安装: 安装完了执行vue命令,会出现 project-name就是我们项目目录的名字,vue init webpack my-project,这里的webpack就是我们的构建工具,下面我们运行: 下面就是一些 项目名 啊 项目描述啊 作者啊 巴拉巴拉的 然后就弹出一个选项 阅读全文
posted @ 2016-11-25 15:35 weblsy 阅读(1447) 评论(0) 推荐(1)
  2016年11月24日
摘要: 组件化 定义组件,首先是标签的名字todo-items,然后里面还要配置一些选项,首先是我们的模板template,里面需要填入的内容使我们原生的html,这里我们中的是script标签添加,但是要注意它的type="text/x-template": 然后在组件定义中以id的方式声明: 这样我们就 阅读全文
posted @ 2016-11-24 17:50 weblsy 阅读(306) 评论(0) 推荐(1)
摘要: 如果我们想实时的显示我们todos的长度这个业务逻辑可以这样: 直接展示todos的length属性,这种可读性不好我们希望以一个变量来展示todos的长度,这就可以使用我们的 computed,js代码: 页面中: 这样也是可以的,这样主要用于我们在页面当中展示的一些数据可能需要一些处理之后才可以 阅读全文
posted @ 2016-11-24 16:24 weblsy 阅读(852) 评论(0) 推荐(1)
摘要: 创建一个工程文件: css中引用的是bootstrap的css,js中就是vue,index页面: 这里的v-on:submit.prevent="addtodo(newTodo)"(这里的prevent是用来阻止form的默认提交行为,否则点击btn会有一个提交行为报错),methods里面定义一 阅读全文
posted @ 2016-11-24 15:06 weblsy 阅读(369) 评论(0) 推荐(1)
  2016年11月23日
摘要: webpack的一些有用的命令 在终端显示这些module,另外一个推荐使用 可以把我们在哪里require都显示出来并且用哪些loader处理 -w是缩写这个命令使我们不用每次更改文件都去执行webpack,比如我们修改我们的css文件 把字体颜色改为#fff 保存我们直接刷新浏览器就可以了,嘻嘻 阅读全文
posted @ 2016-11-23 16:17 weblsy 阅读(293) 评论(0) 推荐(0)
摘要: 我们的loader方式其实可以写成inline的方式 直接在entry中写上 推荐直接使用loader的方法,下面使用vue写一个小例子,首先安装 接下来写我们的loader 配置好之后我们现在js下创建一个 components放我们的组件,然后在components下创建一个heading.vu 阅读全文
posted @ 2016-11-23 15:09 weblsy 阅读(159) 评论(0) 推荐(0)
摘要: 给img加float就可以了 阅读全文
posted @ 2016-11-23 14:19 weblsy 阅读(333) 评论(0) 推荐(0)
  2016年11月22日
摘要: 先弹出3然后1最后2,4。2,4属于同一事件 阅读全文
posted @ 2016-11-22 14:27 weblsy 阅读(148) 评论(0) 推荐(0)