- 博客(6)
- 收藏
- 关注
RSS订阅原创 基于vue编写的一个星星评分组件
由于在写一个项目时候，遇到了要给服务进行评分的需求，所以写了一个星星评分组件，其效果如下：实现代码如图所示：<template> <div> <ul ref="star"> <li>☆</li> <li>☆</li> <li>☆</li> <li>☆</li> <li>☆</li&
2021-08-25 21:57:43
1036
原创 Vue组件化学习（二）
一、组件通信通过props向子组件传递数据通过自定义事件向父组件发送消息示例程序：<html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="/js/vue.js"></script></head><body><div id="app"><cp
2021-07-23 18:53:23
70
原创 Vue组件化学习（一）
一、什么是组件化将页面拆分成一个个功能块，每个功能块完成属于自己部分的独立功能，可以将这些功能块称为组件二、注册组件的基本步骤调用Vue.extend()方法创建组件构造器 const cpn = Vue.extend({ template:`<h1>hello</h1>` })2.调用Vue.component()方法注册组件Vue.component('cpn',cpn)在Vue实例的作用范围内使用组件<div id=
2021-07-22 21:29:30
86
原创 Vue学习笔记：基础语法（三）
一、v-model表单绑定v-model作用：实现表单元素和数据的双向绑定，即表单元素的值改变会导致Vue对象的数据改变，反之亦然。<head> <meta charset="UTF-8"> <title>Title</title> <script src="/js/vue.js"></script> <script> window.onload=function () { le
2021-07-22 20:52:27
67
原创 Vue学习笔记：基础语法（二）
一、v-on：事件监听v-on基本介绍：作用：绑定事件监听器语法：v-on：click=“function”语法糖：@click=“function”<head> <meta charset="UTF-8"> <title>Title</title> <script src="/js/vue.js"></script> <script> window.onloa
2021-07-21 22:00:41
306
原创 Vue学习笔记：基础语法（一）
Vue学习笔记：基础语法（一）一、 插值操作1. Mustache方法插入数据 <script> window.onload=function () { var app = new Vue({ el:"#app", data:{ firstname:"Kobe", lastname:"Bryant",
2021-07-20 20:29:43
120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人