Vue
文章平均质量分 56
Jacky-Summer
不是因为看到希望才去努力,而是努力后才会看到希望!
展开
-
Vue实现星级评价效果
我们把星级评价单独做成一个Star组件,抽离出来,其中父组件中引入(传入的是评分的值)<div class="score"> <Star :score="poiInfo.wm_poi_score"></Star></div>初始Star.vue<template> <div> <div ...原创 2019-12-29 21:33:22 · 1050 阅读 · 0 评论 -
KFC收银管理系统(收银模块)——小总结
近期在学Vue的各种知识,然后动手完成做了个收银管理系统(收银模块),加深了对Vue框架的认识,摸摸索索也大概了解了Vue的项目制作流程,在这里还要感谢一位老师:jspang。 这个项目使用的技术栈为: Vue+Webpack+Element+Axios+vueRouter首先,项目开始,先用Mockplus,这通常是产品经理表达想法的利器,Mockplus下载地址:https:...原创 2018-05-08 12:43:55 · 4436 阅读 · 0 评论 -
初学Vue练手的简易todolist
此简易Demo就不写样式了,主要是熟悉Vue的指令功能:添加、删除待办事项 &amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head lang=&quot;en&quot;&amp;gt; &amp;lt;meta charset=&quot;UTF-8&am原创 2018-05-15 20:51:16 · 595 阅读 · 0 评论 -
Vue基础实战-敲击瓶子
本次介绍的Demo是比较基础的,因为它涉及Vue的基础部分而已,它叫敲击瓶子(利用换图片假装敲到碎了)效果最基础的知识点 vue基本指令使用:如v-model、v-show 绑定css属性的方式 事件处理(按钮点击事件) 首先我们需要写好样式和引入vue.js,还需要有两张图片 先完成初始静态页面,这里直接是官网下载vue.js引入本地使用,还有自...原创 2018-07-11 16:18:31 · 1616 阅读 · 1 评论 -
Vue基础实战-在线翻译
知识点:vue-cli脚手架的基本使用 vue-resource的使用调用翻译API这次使用vue-cli脚手架来搭建工程项目,vue init webpack translate创建项目后,首先先搭建一个简单的页面,我们需要两个组件,一个是表单内容的,一个是输出结果,所以我们在components下创建TranslateFom.vue和TranslateOutput....原创 2018-07-12 22:28:00 · 691 阅读 · 0 评论 -
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
这个报错直译中文是:不要使用内置或保留的HTML元素作为组件ID 说明有命名跟标签冲突了 打开项目其中一个Header.vue组件,里面name的值header与html5标签header冲突 解决办法:把“header”改为”Header”或者另想命名...原创 2018-07-27 20:41:05 · 8559 阅读 · 0 评论