![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 57
伪成年_young
博客笔记,记录开发中所想所得......
展开
-
Vue构造函数
Vue.extend(options)官网实例:<div id="mount-point"></div>// 创建构造器var Profile = Vue.extend({ template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>', data: function () { return { firstName: 'Walter', lastName:原创 2021-04-20 16:45:49 · 1380 阅读 · 0 评论 -
#转载# axios post 三种请求方式的写法
原文地址笔记:1、请求头:Content-Type: application/jsonimport axios from 'axios'let data = {"code":"1234","name":"yyyy"};axios.post(`${this.$url}/test/testRequest`,data).then(res=>{ console.log('res=>',res); })2、请求头:Content-Type: multipa原创 2020-08-27 11:28:54 · 303 阅读 · 0 评论 -
重写路由的push方法
const routerPush = VueRouter.prototype.push; VueRouter.prototype.push = function push(location) { return routerPush.call(this, location).catch(error => error); }; const originalPush = VueRouter.prototype.push VueRouter.prototype.push = functio.原创 2020-08-27 10:31:03 · 576 阅读 · 0 评论 -
vue中的消息滚动栏
<div class="news"> <img class="homeWarning" src="../assets/images/home_warning.png" alt="" /> <span class="txt"...原创 2020-04-02 11:17:55 · 458 阅读 · 0 评论 -
SSR项目Nuxt使用
什么是服务端器端渲染(SSR)?Vue.js是构建服务器端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用",因为应用程序的大部分代码都可以...原创 2019-09-15 16:42:04 · 1188 阅读 · 0 评论 -
async await
await后面接收是异步的函数,通常情况下是一个promiseawait的结果就是resolve例子:// 去考语文function promise1(){ return new Promise(function(resolve, reject){ setTimeout(function(){ var res = 61; ...原创 2019-09-14 12:56:09 · 109 阅读 · 0 评论 -
Vuex使用
Vuex是一个针对Vue.js开发的状态管理模式。就是一个工具,管理(修改或设置)所有组件用到的数据,而不需要借助event bus或props在组件间传值。vuex说明:整个vuex的核心是一个Store,里面包含有state,mutaions,actions,getters。state是数据存储对象,需要存储的数据都可以存储在state中。mutations中存储操作State中数.........原创 2019-09-14 11:46:02 · 189 阅读 · 0 评论 -
element-UI框架的使用
下载:npm i element-ui -S引入:import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';// 所有模板的使用都需要useVue.use(ElementUI)原创 2019-09-10 18:40:52 · 217 阅读 · 0 评论 -
webpack及vue-cli脚手架
webpack是一个现代js应用程序的模块打包器(module bundler),分析项目结构,找到js模块以及其他的一些浏览器不能直接运行的拓展语言(Sass,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。webpack作用:前端越来越复杂,特别是SPA(single page web application)流行之后,一个应用程序往往会依赖很多其他的模块,或者编译sc...原创 2019-09-10 18:39:28 · 227 阅读 · 0 评论 -
vue路由
路由的创建路由:根据用户请求实现对应组件的内容展示。路由的作用:1、在vue中,只能路由映射来实现组件内容的展示。2、映射就是指对应:一个路由对应着一个组件。路由的使用步骤:Vue Router使用指南<!DOCTYPE html><html lang="en"> <head> <title></titl...原创 2019-09-05 22:04:41 · 92 阅读 · 0 评论 -
vue组件
组件的作用:将一些共用的结构封装为单独的模块,这种模块就可以认为是组件。组件的分类:全局组件:在vm实例创建的局部组件:单文件组件中创建创建全局组件:Vue.component(组件名称,{})组件是可复用的Vue实例,所以和new Vue接收相同的选项,例如:data,computed,watch,methods以及生命周期钩子等。<body> <div...原创 2019-09-04 23:35:58 · 3385 阅读 · 0 评论 -
axios(基于promise的HTTP库)
axios是一个基于promise的HTTP库,可以用在浏览器和node.js中axios文档axios使用说明安装:npm install axios引入:import axios from ‘axios’get 请求axios.get(路由,参数)// 如果成功,就会调用下面的.then(成功的回调函数,里面可以接收返回的数据) .then((result...原创 2019-09-04 17:29:44 · 731 阅读 · 0 评论 -
计算属性、侦听器
计算属性:computed使用方法:<div id="app"> {{result}}</div><script>export default { el: '#app', data: { first: 1, last: 2 }, computed: { // 相当于data中多...原创 2019-08-30 21:56:36 · 75 阅读 · 0 评论 -
vue中自定义指令
钩子函数:mounted(){}钩子函数:会自动触发的函数生命周期:一个实例从创建到销毁的整个过程vue中对元素进行识别:ref:相当于元素的id,可以使用ref为元素设置一个唯一的标识<!--设置ref属性,这个属性可以唯一的识别这个元素,类似于id-->编号:<input type="text" v-model="newcar.id" ref="iidd...原创 2019-08-30 18:26:04 · 106 阅读 · 0 评论 -
vue实例
基于vue的helloworld的实例步骤:引入vue的js文件vue.js下载地址创建vue对象new Vue()实现vue对象中的配置el:data:实现vue数据对应的模板插值表达式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-08-30 17:25:44 · 98 阅读 · 0 评论