1、演示所使用到的工具：谷歌浏览器、HBuilder、cmd命令窗口、nodejs（自带npm）2、切换到项目中3、使用 vue 命令添加 elementUI的插件(element) 4、选择Fully import(全部导入), 也可以选择 import on demand（按需导入） 回车键确认。5、do you wish to overwrite element‘s SCSS variable (是否希望改写元素的SCSS变量) 6、choose the locale you want to load( 选择要加载的区域) 选择zh-CN回车。7、element插件下载完成。8、...
Vue可以借助于vue-resource来实现Ajax请求 http请求报文浏览器与服务器数据交互是遵循http协议的，当浏览器要访问服务器的时候，浏览器需要将相关请求数据提交给服务器。格式分为：请求报文行、请求报文头、请求空行、请求报文体 http响应报文当浏览器请求服务器的时候，服务器需要将数据返回给浏览器，这种数据是通过响应报文响应会回浏览器的。格式分为：响应报文行、响应报文头、响应空行、响应报文体 HTTP协议约定1、浏览器祥服...
//饿了么官网https://element.eleme.cn/#/zh-CN/component/layouthttps://cn.vuejs.org/v2/guide/class-and-style.html基于Nodejs+Vue+Webpack的前端开发指导安装nodejs，上官网（https://nodejs.org/en/），根据OS系统版本下载。直接安装。安装过程，直接点击“”Next“”。 （安装完毕，会自动添加 X:/program/nodejs目录到环境变量path中）检查： 输入 node -v，是否正常返回nodejs版本信息 输入 npm -v, 是否返回n...
课程简介： 采用当前流行的前后端分离式开发技术，涉及RESTFul API基础知识和Vue项目结构分析，解决了技术开发单一的痛点，拥有超前的技术融合技能，让你在开发的领域比别人技高一筹！课程重点讲解RESTFul API知识，主要面向后端开发者，为了补充后端同学对前端Vue认知不足，本课程特意简单的讲解了Vue前端项目的结构以及如何调试每个API接口数据。课程由慕课网发布，收集整理于网络，如有侵权，请联系删除！！ 课程目录：第1章 课...
一、需要了解的基本知识node.jsNode.js是一个Javascript运行环境(runtime)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。 Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞I/O模型...
对于 Vue 这类渐进式前端开发框架，为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。为了达到这一目的，浏览器当前提供了以下两种支持：hash —— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。比如这个 URL：http://www.abc.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不...
<template><div><div>vue-resource请求，类似ajax</div><div>----------------------------</div></div> </template> <script>export default{data(){return{}},mounted(){//get请求 ‘/someUrl‘ 是后台地址的数据接口如：someUrl.php 等等this.$http.get(‘/someUrl‘).then(response => { //获取响应数据// get body dataconsole.log(response.body); //输出响应数据}, response => {//error callback});//post请求 ‘...
目录前言Vue没有Proxy会怎么样？proxy开始前言在讲解Proxy之前，我们有些前置知识点是必要掌握的：Object相关静态函数Reflect相关静态函数简单说明知识盲点名称介绍Object.isExtensible()方法判断一个对象是否是可扩展的（是否可以在它上面添加新的属性）Object.setPrototypeOf()方法设置一个指定的对象的原型 ( 即, 内部[[Prototype]]属性）到另一个对象或nullObject.preventExtensions()方法让一个对象变的不可扩展，也就是永远不...
一：只需要在main.js中写这三行代码即可import axios from ‘axios‘axios.defaults.withCredentials=true;//让ajax携带cookieVue.prototype.$axios = axios;如果cookie携带不过去的话，请求响应的时候他会报错显示登陆过期的呦！！！顺便说一下原生js携带cookie的方法： xhrFields: { withCredentials: true },加一段上述代码即可来源：https://blog.csdn.net/liuxin_1991/article/details/8...
首先，你需要了解插件实现的基本原理 插件基本原理： 我们都知道用Vue.use注册插件，那你知道Vue.use(plugin) 干了什么？以下是我对Vue官网的一些摘录和个人的理解 Vue.use( plugin ) 参数：{Object | Function} plugin 用法：安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。该方法需要在调用 new Vue() 之前被调用。当...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>[v-cloak]{display: none;}#app{width: 800px;margin: 20px auto;}#tb{width: 800px;border-collapse: collapse;margin: 20px auto;}#tb th{background-color: #0094ff;color:white;font-size: 16px;padding: 5px;text-align: center;border: 1px solid black;}#tb td{padding: 5px;text-align: center;border: 1px solid black;}</sty...
App.vue<template> <div id="app"> <img src="./assets/logo.png" /> <!-- <router-view /> --> <father /> </div></template> <script>import father from "./components/father";export default { name: "App", components: { father }};</script> <style>#app { font-family: "Avenir", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align:...
Vue目前的的开发模式主要有两种：1.直接页面级的开发，script直接引入Vue2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了webpack可以进行配置，配置多文件入口，进行多页面开发第二种Vue开发，结合webpack打包完文件会很大，怎么解决这个问题?1.webpack代码拆分：code-spliting2.提取公共（如提取css,js）3.预渲染：使用prerender-spa-plugin插件4.后台————开启压缩，gzip (会很有用)5.异步...
cell-month 组件<template><div class="cell-month"><div class="weeklist"><!--星期几--><div class="week_box"><p v-for="(item,index) in weekData">{{item}}</p></div><!--slot插入时间--><slot slot="select_month"></slot><!--具体的时间--><div class="monthDayList"><divv-for="(item,index) in daysData" class="dayList"@click="selectDate(item,index)":class="{selectDay:isSelect == index,unData:item.day == ‘ ‘}...
Vue的watch监听事件相关Html:<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>名称案例</title><script src="../js/vue-2.4.0.js"></script> </head> <body> <div id="app"><input type="text" v-model="firstname" @keyup="getFullname">+<input type="text" v-model="lastname" @keyup="getFullname">=<input type="text" v-model="fullname"></div><script>var vm = new Vue({el: "#app",data: {firstnam...