vue
文章平均质量分 93
vue笔记等内容
草木红
这个作者很懒,什么都没留下…
展开
-
Vue3 基础学习笔记
vue3学习笔记原创 2022-09-26 20:45:29 · 1010 阅读 · 0 评论 -
vue基础和原理
一、Vue使用(一) 基本使用,组件使用-常用,必须会[1]. 指令、插值插值、表达式指令、动态属性v-html:会有XSS风险,会覆盖子组件[2]. computed和watchcomputed 有缓存,data不变则不会重新计算watch如何深度监听?watch默认是浅监听watch监听引用类型,拿不到oldValue[3]. class和style使用动态属性使用驼峰写法[4]. class和stylev-if v-else的用法,可使用变量,也可以使原创 2020-08-11 10:28:33 · 729 阅读 · 0 评论 -
将组件封装成插件
(一) 创建组件创建一个组件Toash.vue<template> <div class="toast" v-show="isShow"> <p>{{message}}</p> </div></template><script> export default { name: 'Toast', data(){ return { message: '提示文原创 2020-06-02 16:17:19 · 381 阅读 · 0 评论 -
axios 网络请求和代理服务器
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。http://www.axios-js.com/zh-cn/docs/http(s): //httpbin.org/这个网站专门是为了给http做测试用的,支持各种http/s的接口.(一)基本使用安装axios进入到项目根目录npm install axios --save使用src/mian.js//引入axiosimport axios from 'axios'//使用.原创 2020-05-25 10:21:29 · 1011 阅读 · 0 评论 -
Vuex 调试与使用
(一) Vuex基础官方解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。Vuex就是提供一个在多个组件间共享状态的插件[1]. 安装Vuex插件npm install vuex --save[2]. 应用Vuex插件在/src 目录下创建store目录,并且在store目录下新建index.js文件import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);const store = new原创 2020-05-21 09:57:06 · 2154 阅读 · 1 评论 -
vue-router 路由
vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。路由用于设定访问路径, 将路径和组件映射起来.在vue-router的单页面应用中, 页面的路径的改变就是组件的切换.https://router.vuejs.org/zh/(一) 基本使用[1]. 安装vue-routernpm install vue-router --save[2]. 新建映射的组件在src\components目录下新建Home.vue和About.vue文件.原创 2020-05-19 14:06:08 · 378 阅读 · 0 评论 -
vuecli 脚手架(版本2和版本3/4)
(一) 安装Vue CLIVue CLI可以快速搭建Vue开发环境以及对应的webpack配置。https://cli.vuejs.org/zh/guide/安装node,版本要大于8.9安装npm(Node.js自带了软件包管理工具npm)cnpm安装由于国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:npm install -g cnpm --registry=htt原创 2020-05-18 10:23:52 · 1997 阅读 · 0 评论 -
Vue和Webpack、loader、plugin详解
(一) 安装Webpack安装webpack首先要安装Node.js(版本大于9.0),Node.js自带了软件包管理工具npm查看自己的node版本: node -v全局安装webpack(版本号为3.6.0,因为vue cli2依赖该版本)//检查自己是否安装了webpackwebpack --version//如果没有安装则运行下边代码,梯子安装更快捷npm install [email protected] -g局部安装webpack(后续才需要)//进入到对应的项目文件原创 2020-05-15 21:04:32 · 2556 阅读 · 1 评论 -
2.vue组件化开发
(一) 组件化基础1.注册组件的基本步骤创建组件结构器Vue.extend(),传入的template代表我们自定义组件的模板,该模板就是在使用到组件的地方,要显示的HTML代码。这种写法在Vue2.x的文档中几乎已经看不到了,会直接使用语法糖。注册组件Vue.component(注册组件的标签名, 组件构造器) 是将组件构造器注册为一个组件,并且给它起一个组件的标签名称。使用组件案例<div id="app"> <!-- 3.使用组件 -->原创 2020-05-13 15:23:37 · 980 阅读 · 1 评论 -
1.vue基础语法
vue基础语法vue的options选项https://cn.vuejs.org/v2/api/#%E9%80%89%E9%A1%B9-%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E9%92%A9%E5%AD%90vue的生命周期原创 2020-05-10 14:55:49 · 1282 阅读 · 0 评论