Vue
文章平均质量分 80
关于Vue的基本使用,node v8.17.0、webpack 4.41.2
webpack-cli 4.5.0、vue 2.5.21
Daylight629
想要的东西都很贵,只能不断地努力奔跑
同是风华正茂,怎可甘拜下风
展开
-
Cannot find module ‘array-includes‘
Cannot find module ‘array-includes’删掉项目中的node_modules文件夹,执行 npm cache clean 或者 cnpm cache clean 命令清除掉cache缓存,然后重新安装cnpm install 和运行npm run dev原创 2021-06-21 21:30:40 · 331 阅读 · 0 评论 -
Linux系统下安装Nodejs并搭建Vue环境----靠谱系列
Linux系统下安装Nodejs并搭建Vue环境一、官网下载官网上传到服务器上面二、安装存放到/usr/local/nodejs 根据自己需要可以存放不同的目录解压成tar包xz -d node-v14.17.1-linux-x64.tar.xz解压tar包 tar -xvf node-v14.17.1-linux-x64.tar配置配置文件vim /etc/profile加入export PAth="$PATH:/usr/local/nodejs/node-v14.17.1原创 2021-06-19 21:45:38 · 263 阅读 · 0 评论 -
Vue的综合案列
Vue的综合案列一、创建工程注意:命令行都要使用管理员模式运行1、创建一个名为hello-vue的工程vue init webpack hello-vue2、安装依赖, 我们需要安装vue-router、element-ui、sass-loader和node-sass四个插件#进入工程目录cd hello-vue#安装vue-routern npm install vue-router --save-dev#安装element-uinpm i element-ui -S#安装依赖np原创 2021-02-28 00:02:12 · 364 阅读 · 0 评论 -
Vue-router路由
Vue-router路由一、说明Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成, 让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSS class的链接HTML5 历史模式或hash模式, 在IE 9中自动降级自定义的滚动行为二、安装基于第一个vue-cli进行测试学习; 先查看node modules中是否存在原创 2021-02-27 23:53:54 · 115 阅读 · 0 评论 -
Webpack
Webpack一、什么是Webpack本质上, webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler) 。当webpack处理应用程序时, 它会递归地构建一个依赖关系图(dependency graph) , 其中包含应用程序需要的每个模块, 然后将所有这些模块打包成一个或多个bundle.Webpack是当下最热门的前端资源模块化管理和打包工具, 它可以将许多松散耦合的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分原创 2021-02-27 23:50:58 · 107 阅读 · 0 评论 -
vue-cli
vue-cli一、什么是vue-clivue-cli官方提供的一个脚手架,用于快速生成一个vue的项目模板预先定义好的目录结构及基础代码,就好比咱们在创建Maven项目时可以选择创建一个骨架项目,这个估计项目就是脚手架,我们的开发更加的快速;主要的功能统一的目录结构本地调试热部署单元测试集成打包上线二、需要的环境安装nodejs:Node.js:http://nodejs.cn/download/安装就是无脑的下一步就好,安装在自己的环境目录下Git:https:原创 2021-02-27 22:44:34 · 76 阅读 · 0 评论 -
Vue之计算属性、内容分发、自定义事件
Vue之计算属性、内容分发、自定义事件一、什么是计算属性计算属性的重点突出在属性两个字上(属性是名词),首先它是个属性其次这个属性有计算的能力(计算是动词),这里的计算就是个函数:简单点说,它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性),仅此而已;可以想象为缓存!上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原创 2021-02-27 22:40:07 · 131 阅读 · 0 评论 -
Axios使用
Axios使用一、什么是AxiosAxios是一个开源的可以用在浏览器端和Node JS的异步通信框架, 她的主要作用就是实现AJAX异步通信,其功能特点如下:从浏览器中创建XMLHttpRequests从node.js创建http请求支持Promise API[JS中链式编程]拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF(跨站请求伪造)GitHub:https://github.com/axios/axios中文文档:http://ww原创 2021-02-27 22:19:53 · 359 阅读 · 1 评论 -
Vue之表单绑定与组件
Vue之表单绑定与组件一、什么是双向数据绑定Vue.js是一个MV VM框架, 即数据双向绑定, 即当数据发生变化的时候, 视图也就发生变化, 当视图发生变化的时候,数据也会跟着同步变化。这也算是Vue.js的精髓之处了。 值得注意的是,我们所说的数据双向绑定,一定是对于UI控件来说的非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用vue x那么数据流也是单项的,这时就会和双向数据绑定有冲突。1、为什么要实现数据的双向绑定在Vue.js中,如果使用vuex,原创 2021-02-27 22:03:15 · 207 阅读 · 0 评论 -
Vue的模板语法
Vue的模板语法一、v-bind我们已经成功创建了第一个Vue应用!看起来这跟渲染一个字符串模板非常类似, 但是Vue在背后做了大量工作。现在数据和DOM已经被建立了关联, 所有东西都是响应式的。我们在控制台操作对象属性,界面可以实时更新!我们还可以使用v-bind来绑定元素特性!上代码<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"><head>原创 2021-02-27 21:53:49 · 92 阅读 · 0 评论 -
Vue的基本使用
Vue的基本使用一、MVVM1、什么是MVVMMVVM(Model-View-ViewModel)是一种软件设计模式,由微软WPF(用于替代WinForm,以前就是用这个技术开发桌面应用程序的)和Silverlight(类似于Java Applet,简单点说就是在浏览器上运行WPF)的架构师Ken Cooper和Ted Peters开发,是一种简化用户界面的事件驱动编程方式。由John Gossman(同样也是WPF和Sliverlight的架构师)与2005年在他的博客上发表。MVVM源自于经典的原创 2021-02-27 21:26:11 · 253 阅读 · 0 评论 -
前端的发展
前端的发展一、概述Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架,发布于2014年2月。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库(如:vue-router:跳转,vue-resource:通信,vuex:管理)或既有项目整合。官网:https://cn.vuejs.org/v2/guide/二、前端知识体系1、前端三要素HTML(结构):超文本标记语言(Hyper原创 2021-02-27 21:08:01 · 201 阅读 · 0 评论