小太阳的博客-CSDN博客

原创 vue学习-组件开发

vue中的组件化组件化开发概念1.组件化开发：拆解问题，将页面拆解成小部分，然后再将其放在整体中2.vue中的组件化形成一个组件树:组件里面包含子组件3.封装组件：创建组件构造器：调用Vue.extend()方法注册组件：全体注册、局部注册–调用Vue.component()方法使用组件–在Vue实例的作用范围内组件化的基本使用过程组件化的基本使用过程1.组件化开发特点：将相同需要重复的内容抽取出来封装，可以进行复用2.使用extend方法需要传入参数，在创建组件构造器的时候定义模板

2020-06-07 16:50:19 164

原创使用Vue-cli开发的vue项目

任务开发一个类似于去哪儿网的旅游App。使用到Better-scroll以及字母表布局知识点MVVM框架：本质是MVC的改进版，低耦合，可重用，独立开发，可测试。ES6：全称ECMAScript6.0，是JS的下一个版本标准。Vue-cli： vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。vue-cli是有Vue提供的一个官方cli，专门为单页面应用快速搭建繁杂的脚手架。它是用

2020-05-25 12:34:56 297 1

原创在vue项目中插入视频

使用Video.js视频播放器Video.js简介Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器在一般项目中使用Video.js1.在页面中引用video-js.cs样式文件和video.js<link href="video-js.css" rel="stylesheet" type="text/css"><script src="video.

2020-05-25 00:03:54 10080 4

原创 vue学习-使用axios发送ajax请求

为什么使用axios在vue中发送ajax有很多工具可供我们使用，比如浏览器自带的fetch函数，也可以使用vue以前推荐的resource这样的一个第三方模块。现在vue官方推荐我们使用axios这样的一个第三方模块。axios的功能：在浏览器端axios可以帮助你发送xhr请求，在node服务器上可以发送http请求。使用axios的步骤1.安装axios npm install axios --save2.引入axios页面是由许多个组件组成，每个组件都有自己的json数据，如果每个组件

2020-05-10 21:35:02 588

原创 vue学习-指令

v-Model表单绑定用途：实现表单元素和数据之间的双向绑定1.基本使用<div id="app" v-model="message"> {{message}}</div><script src="js/vue.js"></script><script> const app=new Vue({ el:'#app', ...

2020-04-27 20:24:26 108

原创 Vue学习-ES6语法

块级作用域（let和var）let/var可以将let看成更完美的var块级作用域: JS中使用var来声明一个变量时，变量的作用域主要和函数的定义有关针对其他块来说是没有作用域的，比如if/for变量作用域：变量在什么范围内可用。没有块级作用域引起的问题：if块级可以随意更改变量for块级没有作用域：var bts=document.getElementsByTagNa...

2020-04-20 11:18:46 219

原创 Vue学习-动画特效

Vue中的CSS动画（过渡动画）首先，我们先举一个小例子，实现一个简单的功能：点击按钮使显示内容从隐藏状态到显示状态的过渡。此处是通过v-if控制标签的显示与隐藏的，也可通过v-show来控制标签的显示与隐藏。<div id="app"> <transition> <div v-if="show">hello world</div> &l...

2020-04-10 09:18:26 274

原创 Vue学习-模板语法

Mustache-插值操作这个前面已经涉及到很多次了，也就是我们所说的双大括号<div id="app"> <h2>{{content}}</h2> <h2>{{content}},hello</h2> <h2>{{firstName +" "+lastName}}</h2> <h2&gt...

2020-04-09 00:46:15 113

原创 vue学习第三期

computed(计算属性)计算属性的getter和setter原始：computed:{ fullname:function(){ return this.firstName +" "+this.LastNmae; }}写成对象形式：computed:{ fullname:{//差值表达式读取fullname 计算属性时调用方法。 get:function(){//取...

2020-03-29 23:15:17 182

原创项目开发——Iconfont的使用以及vue基础

Iconfont的简单介绍学习到这里，相信大家多少都对iconfont有一点了解，我就只是做一个简单的介绍：iconfont是阿里下的一个矢量图标库,我们在做项目的时候，常常会用到一些小的、经典的图标，比如搜索、联系人等。而阿里巴巴矢量图标库为我们提供了大量，各式各样的经典图标。接下来，我们就开始进入正题。iconfont的使用1.首先，需要注册一个可以登录的账号，建议直接用github账...

2020-03-23 13:13:42 528

原创 JS基本语法易错点

JS基本语法易错点语句与表达式变量变量声明变量提升标识符区块switch结构循环结构语句与表达式根据是否需要得到返回值使用：语句一般情况不需要返回值，表达式为了得到返回值，一定会返回一个值。变量变量声明1.如果只是声明变量而没有赋值，则该变量的值是undefined。undefined是一个特殊的值，表示“无定义”。例如：var a;a //undefined若未声明变量a，则报...

2020-03-22 22:40:47 133

原创如何创建一个基于webpack打包的Vue项目，并实现码云上git仓库与本地仓库实现连通

1.注册码云账号2.创建一个项目3.安装Node环境4.在本地引入vue CLI脚手架5.对本地项目进行webpack打包6.连通git仓库项目与本地项目

2020-03-16 16:21:28 455

qq_44859314的博客