屁小屁小屁-CSDN博客

原创 Day9

幻灯片：自动也可以手动切换图片效果图：在页脚部分可以点击数字就看第几张图，这是手动，也可以自动，鼠标离开图片之后，时间可以自己设置过几秒再切换图片。一些重点代码段：页脚部分????–用v-for将图片顺序遍历，在鼠标点击事件中，调用goto，来控制前一张图片和后一张图片。并在computed属性中实现。<ul class="slide-pages"> <li @click="goto(prevpage)"><</li> <l

2021-02-04 18:52:11 101

原创安装vue-cli的步骤

安装vue-cli的步骤1.安装node.js2.安装淘宝镜像（cnpm）3.安装@vue/cli（最新版本）4.初始化项目5.运行项目说明1.安装node.js打开node.js中文网，然后点击下载，并且下载好之后在cmd中输入node -v查看安装的node版本。32位安装32位node.js，64位安装64位node.js！2.安装淘宝镜像（cnpm）在cmd中输入：npm install -g cnpm --registry=https://registry.npm.taobao.o

2021-02-02 18:57:52 558

原创 vue学习日记Day8

vue学习日记Day8：对事件属性绑定进行一个更清楚的补充，感觉这个地方比较难，自己进度有点慢，还有一个是对Day6中的复杂遍历，利用绑定实现的一个小练习。绑定事件属性：1.给v-bind:class 了一个对象目的是为了动态切换class2.动态绑定的样式可以和静态样式共存3.class的表达式过于复杂或者逻辑复杂可以绑定一个计算属性4.需要多个class 可以使用数组语法5.使用三元表达式切换6.数组语法也可以切换具体实现都在下方代码当中。<!DOCTYPE html>

2021-01-12 19:27:24 141

原创 vue学习日记Day7

vue学习日记Day7：prevent修饰符以及v-on事件绑定的练习prevent修饰符：可以阻止元素的默认行为。先看例子<a href="http://www.4399.com" @click="handclick('禁止打开')">打开链接</a>//这是没有加prevent修饰符的代码块<a href="http://www.4399.com" @click.prevent="handclick('禁止打开')">打开链接</a>//这

2021-01-10 13:22:25 140 2

原创 vue学习日记Day6

vue学习日记Day6：补充一个复杂遍历，和event事件复杂遍历：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> <title></title> <style type="t

2021-01-09 11:10:51 127

原创 vue学习日记Day5

vue学习日记Day5：class绑定和几个小案例。class绑定：传给 v-bind:class 一个对象，以动态地切换 class，写的时候可以省略v-bind，直接写：class通过对象的方式决定是否存在某个类。直接放置对象。直接放置数组。数组和对象混合使用。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="js/vue.js" typ

2021-01-06 20:02:17 188

原创 vue学习日记Day4

vue学习日记Day4：学习了一些新的指令和一些小练习，今天还算顺利，但是距离目标依然很远，继续努力吧。v-for：v-for 指令基于一个数组来渲染一个列表，指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。（vue.js官网中的），在下面的代码中我用的是cloth in clothes<!DOCTYPE html><html> <head> <meta char

2021-01-05 20:51:55 129

原创 vue学习日记Day3（想找vue大佬带带）

vue学习日记Day3：有没有大佬求带，或者我可以求教一些问题，自己一个人每天能遇到很多问题，自己可以琢磨出来一部分，但是很是有一些问题没有得到解决，导致效率和进度都不是特别快。今天发一些小练习还有一个框架。zui：点这里去下载zui1.进入官网后点击下载。2.新建一个css文件并且解压在这里面3.在vue代码里面写这个，写个开头link就会自己把后面的弹出来<link rel="stylesheet" type="text/css" href="css/dist/css/zui

2021-01-04 19:42:13 193

原创 vue学习日记day2

vue学习日记day2还是对第一天的补充：新的一些选项例如：template模板，计算属性，监听观察，v-if和v-show的初步认识学习内容（新选项）：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js" type="text/javascript" charset="ut

2021-01-03 20:41:39 157 2

原创 vue学习日记Day1

vue学习日记Day1初识vue最开始的小代码（别嘲笑哈，最基础的）代码运行view视图部分model模型部分今日目标：最终目标：初识vue 认识了mvvm的设计模式，MVVM将“数据模型数据双向绑定”的思想作为核心，因此在View和Model之间没有联系，通过ViewModel进行交互，而且Model和ViewModel之间的交互是双向的，因此视图的数据的变化会同时修改数据源，而数据源数据的变化也会立即反应到View上。即，ViewModel 是一个 View 信息的存储结构，ViewModel 和

2021-01-02 17:25:18 214 4

啥也不会的屁小屁的博客