vue

vue基础---实例

(1)数据和方法  ①响应式双向绑定  当一个Vue实例被创建时,它向Vue的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。//我们的数据对象vardata...
代码星球·2020-04-08

解决vue项目运行过程中,npm run dev 报错问题

【方案1】npmERR!codeELIFECYCLEnpmERR!errno1npmERR!travel@1.0.0dev:`webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js`npmERR!Exitstatus1npmERR!np...

vue基础---介绍

(1)声明式渲染   Vue.js的核心是采用简洁的模板语法来声明式地将数据渲染进DOM的系统:  ①文本<divid="app">{{message}}</div>varapp=newVue({el:'#app',data:{message:'...
代码星球·2020-04-08

vue 自学笔记记录

vue自学笔记(一):知识内容: 安装vue,创建vue实例,安装第一个组件,单项数据流https://www.cnblogs.com/baili-luoyun/p/10763163.html vue自学笔记(二)知识内容:实例的概念,属性和方法,页面如何绑定数据,声明周期函数,官方图解https:...
代码星球·2020-04-07

day 75 vue 项目记录.路飞学城(一)

前情提要:  通过vue搭建路飞学城记录     一:项目分析         二:项目搭建      1:创建项目             vueinitwebpackluffy      2:初始化项目          清除默认的HelloWorld.vue组件和APP.vue中的默认模板代码和默认样式...

vue 自学笔记(七) 组件细节问题

 前情提要:  这里盘点一下,组件细节的问题 现在我们观察一些用框架开发的网页BiliBili、掘金,会发现很多部分都十分相似或者一模一样,我们甚至可以将其拆分归类。而事实上,页面的确是被一个个组件构成的,本章,我们就对组件的细节做一个细致的拆分。    一:组件的使用    组件的注册分为全局注册...

day 75vue 脚手架学习 脚手架的使用

前情提要:    vue自定化开发工具 (vue-cli的使用)    一:安装脚手架,以及准备    1:下载地址,      https://nodejs.org/en/download/    2:如果下载成功,在cmd命令下,输入    node-v如果如下图,则显示成功          3:安装c...

vue 去哪网项目 学习笔记(一)

mian.js是整个项目的入口程序   components是定义的局部组建template渲染app里的内容单文件组建是以vue结尾的内容 路由 根据网址的不同返回不同的内容,显示的当前路由地址所对应的内容appview的路由显示的helloword的组件 ...

vue 自学项目笔记

感觉小青推荐的学习网课, 利用vue仿制一个去哪网,学习的东西很多,在食用之前,需要先确保js和css过关js  https://www.bilibili.com/video/av30099487 140集大礼包,22小时    es6  ...
代码星球·2020-04-07

vue 自学笔记(5) 列表渲染

列表渲染    一:v-for指令    当我们涉及到列表渲染数据的时候,不可能做一个重复的工作去不停的一个一个的渲染每一项列表。并且列表数据的表现,比如从后端请求过来的数据,不可能是一个一个的单独的JSON数据,通常会是一个数组或者对象。    针对这样的情景,Vue提供了 v-for 指令使列表...

vue 所有的指令

1.v-textv-text主要用来更新textContent,可以等同于JS的text属性。<spanv-text="msg"></span>这两者等价:<span>{{msg}}</span>2.v-html双大括号的方式会将数据解释为纯文本,而非HTML。为了输出真...
代码星球·2020-04-07

vue 自学笔记(4): 样式绑定与条件渲染

一:对象绑定  Vue对于页面的样式加载也有独特的方式,按照Vue提供的方式,我们可以轻松的控制它们的呈现。假使我们要实现点击div变色Vue提供的样式方案的本质是对元素节点进行属性的绑定,由此我们可以获知它会采用v-bind指令去绑定属性,同时我们也能知道样式内容的定义也可以放在data中,以下是几个绑定样式的方案。...

vue 自学笔记(三) 计算属性与侦听器

一:计算属性  虽然在模板内使用表达式对属性进行处理十分便利,例如在小胡子语法里写number+1实现对数据的简单处理,但若我们在其中加入大量的代码,使得逻辑变重,导致难以维护。例如下面的代码,并不是简单的逻辑处理,而是需要经过一段时间的推算后,才知道在div中展示的是怎么样的内容    可以在小胡子语法中直接书写简单...