![](https://img-blog.csdnimg.cn/20200905094630581.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
小案例学Vue
Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。核心是一个响应的数据绑定系统。
medigrat
这个作者很懒,什么都没留下…
展开
-
选球员案例
选球员案例所有球员海报显示在前台页面,选中球员,就显示具体是谁被选中的案例知识点htmlcssvue前期准备创建vue项目1、node与npm环境的配置2、vue脚手架的安装vue项目初始化1、APP.vue根组件的初始化,router-view标签的占位五行加各个样式的总和2、删除不需要的页面组件3、删除不需要的路由配置,配置已有的路由配置,4、删除components中的不需要的小组件5、删除assets中的不需要的文件,清空,创建三个文件夹一个是css,一个是img,一原创 2020-09-16 12:09:25 · 158 阅读 · 0 评论 -
计算器案例
计算器案例计算器案例介绍,实现两个数值相加的功能。知识点计算属性computed在计算属性里面写方法,监听定义的变量,返回值为computed属性值。类比python语言中的方法属性的定义,@property然后,定义方法,作为属性来使用。前期准备项目文件创建vue环境导入模板文件的创建前期准备:模板文件代码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"&原创 2020-09-14 13:12:47 · 276 阅读 · 0 评论 -
TODO LIST案例
文章目录TODO LIST案例TODO LIST 案例介绍准备知识点vue指令html标签浏览器前台数据库相关知识点pushsplice三目运算符代码前期准备模板文件代码具体操作逻辑代码第一代码块第二代码块案例完整代码后记总结注意点以及问题点感想TODO LIST案例TODO LIST 案例介绍这是一个管理自己的需要做事情的一个清单列表,在输入框中写一个(TODO事件)文本内容,点击TODO按钮,输入框内容清空,输入的内容会显示在页面的下方,每一次输入输入框的内容点击后在页面中显示在首增行,当某件事情原创 2020-09-07 23:12:44 · 245 阅读 · 0 评论 -
js鼠标切换案例
js鼠标切换案例介绍js鼠标切换主要是当鼠标操作文本内容的动作切换(鼠标悬浮、鼠标按下、鼠标单击)的时候文本会有不同的样式产生,当鼠标悬浮在文本上会有橙色颜色出现在文本内容上,当鼠标按下去一直不放的时候是粉色的,当鼠标单击后是红色的,本案例就是实现这个功能。准备知识点vue指令属性指令v-bind,事件指令v-on这些指令的语法与用法。实例成员el:挂载点,data:变量数据值,methods:事件方法,这些实例成员的语法与用法。html标签div、script、style这些标签原创 2020-09-05 10:06:30 · 596 阅读 · 0 评论