Vue-CLI

DFXVHG — Wed, 25 May 2022 20:10:05 +0800

Vue脚手架用来创建项目，提高开发效率包括【引入JS、创建目录、创建文件、创建容器、创建Vue对象、创建路由、创建组件....】 Vue-CLI入门程序使用脚手架的环境：系统中必须有NodeJS、Git、Webpack Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n，nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 Vue CLI.2x 下载 npm install vue-cli -g Vue C

Async

DFXVHG — Sun, 22 May 2022 19:59:01 +0800

Async是ES8里面的技术 Async修饰了function，那么该function返回值类型是Promise对象 // 需求：定义一个函数，返回Promise对象，并且在成功状态中设置数据 function handlePromise() { return new Promise((resolve, reject) => { resolve("这是数据"); }) } function handleProm() { return Promise.r

Vue Router路由

DFXVHG — Sat, 21 May 2022 20:48:52 +0800

Vue路由类似于Node中的路由 Node路由：路由根据不同的请求地址，执行不同的函数 Vue路由：路由根据不同的路径，执行不同的组件组件注册：全局注册、局部注册组件分类：1、路由组件 2、普通组件 Vue Router使用步骤 1.引入vue文件 2.创建组件 //注册 let RouterC = { template:"#register" } //登录 let RouterA = { te.

Vue的组件注册方式

DFXVHG — Wed, 18 May 2022 19:33:40 +0800

Vue的组件注册 1.全局注册：当Vue创建，组件就会被加载，不管该组件使不使用，都会被加载【占内存】【入门程序】 2.局部注册：当我们使用到某个组件，该组件才会被创建，如果不使用该组件，那么该组件不会被创建 ...

Vue之进阶

DFXVHG — Mon, 16 May 2022 18:02:51 +0800

computed：计算属性当使用computed执行函数存入数据时，并且第二次使用数据时会从缓存中进行获取数据即用到了计算属性就会自动执行get函数获取函数，也会更改属性这时就会自动执行set函数设置数据如果数据没有改变，那么不会执行get函数，则会从缓存中获取数据（因为速度更快） get函数必须有return ，methods中的函数一定会每次都执行 watch监听器 watch作用于监听某个数据是否更改，则更改后执行其他操作

Vue之v-model

DFXVHG — Fri, 13 May 2022 20:47:32 +0800

v-model 指令在表单、

及 <select> 元素上创建双向数据绑定。

v-model可以绑定的页面标签：input、textarea、select和自定义组件【components】

body>
    <div id="app">
        <input type="text" v-model="val">
        <button @click="getData">
</article>
<article>
<h1>Vue的导航栏功能</h1>
<p>DFXVHG — Thu, 12 May 2022 21:07:39 +0800</p>
使用@mouseenter鼠标移入事件

和@mouseout鼠标移出事件

prevent【禁用标签默认行为】

self【只有触发自身才会执行】

once【只会执行一次】

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src ="../../public/js/vue.min.js"></script&
</article>
<article>
<h1>Vue之数据渲染</h1>
<p>DFXVHG — Tue, 10 May 2022 17:58:29 +0800</p>
1、插值表达式

插值表达式：一般指定变量和表达式

插值闪烁

当数据不是预定义的时候，而是通过网络进行获取的，那么当网络延迟加载时，页面中会显示插值表达式的语法，等网络加载完毕后，数据进行渲染，这种现象称之为：插值闪烁

{{a3}},{{a2}},{{a1}}

v-text&v-html

vue里，数据渲染通过：v-text， v-html，与JavaScript数据渲染：innerText innerHTML。一样的功能

v-te
</article>
<article>
<h1>日报（MCV,VUE）</h1>
<p>DFXVHG — Mon, 09 May 2022 17:20:30 +0800</p>
MCV 概述

MVC：是一个设计模式，把一些内容【接口、页面、业务逻辑...】进行分离

MVC+三层架构

MVC
	M【模型（service、dao、对象模型）】
		V【视图（html）】
		C【控制器（router、servlet、SpringMVC）】
	
	三层架构
	Web层【V + C】
		Service层【业务逻辑层】
		Dao层【数据持久层】
	
Vue入门程序

安装 — Vue.js下载地址

Vue 只关注视图层， 采用自底向上增量开发的设计。

Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

https://cn.vuejs.org/js/vue.min.js下载地址

3、NPM 方法

由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。

npm 版本需要大于 3.0，如果低于此版本需要升级它：

# 查看版本
$ npm -v
2.3.0