![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
日常技术总结
zj12november
日常学习总结
展开
-
国内镜像下载
国内镜像下载: --registry=https://registry.npm.taobao.org原创 2020-06-17 21:33:27 · 1706 阅读 · 0 评论 -
Vue安装语句的含义
语句意义原创 2020-05-26 15:50:16 · 174 阅读 · 0 评论 -
Vue中single-file-components
单文件组件(single-file-components)--概念--案例demo.vue原创 2020-05-26 09:04:36 · 1467 阅读 · 0 评论 -
使用Vuex与原生实例区别比较
每个Vuex应用的核心就是store(仓库)。“store”基本上就是一个容器,它包含着应用中大部分的状态(state)。原创 2020-05-20 10:54:43 · 658 阅读 · 0 评论 -
Vue Promise对象
Vue依赖Promise.Promise是一个对象,它代表一个异步操作的最终完成或者失败。如果支持的浏览器并没有实现Promise(如IE),可以使用一个polyfill的库,例如es-6promise,可以通过CDN将其引入:<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.js></script>然后window.Promise会自动可用。如果使用npm或Y原创 2020-05-20 10:49:28 · 623 阅读 · 0 评论 -
安装Vuex的几种常用方式
1.使用CDN引用https://unpkg.com/vuex2.在Vue之后引入vuex包进行安装<script src="/path/to/vue.js"></script><script src="/path/to/vuex.js"></script>3.使用NPM安装npm install vuex --save4.使用Yarn安装yarn add vuexPS:在一个模块化的打包系统中,必须显示地...原创 2020-05-19 17:51:27 · 787 阅读 · 0 评论 -
什么情况下使用Vuex
Vuex可以帮助我们管理共享转态,并附带了更多的概念和框架、这需要对短期和长期效益进行权衡。如果不打算开发大型单页应用,使用Vuex可能是繁琐冗余的。如果应用够简单,最好不要使用Vuex。一个简单的store模式就足够所需了。但是,如果需要构建一个中大型单页应用,很可能会考虑如何更好地在组件外部管理状态,Vuex将会成为自然而然的选择。...原创 2020-05-19 17:46:05 · 861 阅读 · 0 评论 -
什么是管理状态模式
状态管理模式其实是集中式存储管理应用的所有组件的状态。但是,当应用遇到多个组件共享状态是,单向数据流的简洁性很容易被破坏。出现两个问题:1.多个视图依赖于同一个状态2.来自不同视图的行为需要变更同一个状态...原创 2020-05-19 17:43:00 · 897 阅读 · 0 评论 -
Vue使用图形化界面创建项目
通过vue ui命令。以图形化界面创建和管理项目。1.打开要创建项目的路径2.键入vue ui,单击回车,此时会在默认浏览器中默认打开图形化界面单击创建,会显示该文件下 的文件:点击创建一个新的项目,包管理器选择npm,也可选其他。然后单击下一步,在预设中选择默认,然后创建项目:...原创 2020-05-19 16:32:54 · 2723 阅读 · 0 评论 -
Vue使用命令创建项目
vue demo原创 2020-05-19 16:18:49 · 5159 阅读 · 1 评论 -
Vue搭建脚手架
打开cmd,验证node和npm版本,验证node: 键入node -v验证npm: 键入npm-v新版本的脚手架包名称由vue-cli改成了@vue/cli。如果已经全局安装了旧版本的vue-cli(1.x或2.x),需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载它。Vue CLI需要Node.js8.9或更高的版本(推荐2.11.0+)安装脚手架可以使用下列其中命令来安装脚手架:npm...原创 2020-05-19 08:18:47 · 279 阅读 · 0 评论 -
demo of webpack
webpack基本配置文件原创 2020-05-13 17:41:52 · 79 阅读 · 0 评论 -
v-model.lazy 失去焦点时实现数据绑定
实例代码-效果原创 2020-04-22 18:27:08 · 942 阅读 · 0 评论 -
理解v-bind数据绑定小demo
<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https:/...原创 2020-04-22 18:14:28 · 159 阅读 · 0 评论 -
Vue中组件是什么
组件是Vue中的一个重要概念,是一个可以重复使用的Vue是可以复用的Vue实例,它拥有独一无二的组件名称,它可以扩展HTML元素,以组件名称的方式作为自定义的HTML标签。因为组件是可复用的Vue实例,所以它们与new Vue()接收相同的选项,例如data,computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样根实例特有的选项。例如,在一个绝大多数的系统网页中...原创 2020-03-25 18:37:41 · 5598 阅读 · 0 评论 -
Vue.js中结合bootstrap的v-for的小白能看懂的实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue.js 指令</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twit...原创 2020-03-18 19:13:43 · 584 阅读 · 0 评论 -
解决在IE和Edge浏览器中网页编译时出现乱码
在头文件中加入以下代码:<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>原创 2020-03-17 15:04:42 · 1553 阅读 · 2 评论 -
bootstrap按钮
原创 2020-03-17 14:52:55 · 60 阅读 · 0 评论 -
Vue的基本指令
v-cloak解决屏幕闪动<!DOCTYPE html><html><head> <title>v-cloak解决插值屏幕闪动</title> <script src="../vue.js"></script><body><div id="app" v-cloak> &l...原创 2020-03-10 15:45:20 · 276 阅读 · 0 评论 -
Vue.js动态显示本地时间
<!DOCTYPE html><html><head> <title></title> <script src="../vue.js">动态显示本地时间</script><body><div id="app"> <h1>当前时间:{{date|formateTim...原创 2020-03-04 15:06:59 · 1019 阅读 · 0 评论 -
Vue.js的监听属性-watch监听器
在Vue中不仅仅可以用计算属性来监听数据的变化,还可以用watch监听器的方法来监听某个数据的变化。不同的是计算属性仅仅是对于依赖数据的变化后进行的数据操作,而watch更加侧重于对于检测中的某个数据变化后所执行的系列操作,监听器以Key-Value的形式进行定义,Key是一个字符串,是被检测的一个对象;value是一个字符串,函数或一个对象。使用回调值为函数方法的实例监听messag...原创 2020-03-03 15:26:40 · 869 阅读 · 1 评论 -
Vue.js中为什么计算属性比方法更加优化
方法调用时将会调用所有的方法:对应代码:计算属性:<!DOCTYPE html><html><head> <title></title> <script src="../vue.js"></script><body><div id="app"> &l...原创 2020-03-03 14:46:25 · 367 阅读 · 0 评论 -
Vue.js中引用计算属性与引用方法时的区别
使用计算属性:<!DOCTYPE html><html><head> <title>字符串反转</title> <script src="../vue.js"></script><body><div id="app"> 输入内容:<input type="text"...原创 2020-03-03 14:13:29 · 480 阅读 · 0 评论