logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue初体验(八)属性和方法

1、Vue会代理data对象里面所有的属性!!这句话的意思就是,只有在data对象里面明确的写着的属性,Vue才会真的监听到属性的变化,当我们变化这个属性的值的时候,才会引发界面的渲染,否则,Vue无法监听到这种渲染,就不会引发界面渲染。示例demo:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>vue学习

基于vue、vue-router、axios的App项目的总结

项目需求我的项目的github地址:https://github.com/liwudi/VueProject.git1、基本的登录注册功能2、主页面的商品展示、商品分类、轮播。购物车的功能、我的订单的功能、用户中心的相关功能。相关界面的展示1、登录注册2、主界面——首页3、主界面——购物车其他界面信息可以自行在我上面提供的github地址去查看。...

Vue初体验(一),最简单的Vue示例

1、基本介绍。Vue作为中国人自己开发和维护的前端框架,兼备了angular和react的一些优点。先从一个最简单的Vue示例开始:<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue学习</title><script src="https://unpkg.c

#前端框架
vue路由组件传参-页面通信

vue路由传参,是页面通信的重要组成部分,而掌握路由传参,必须要认识一个重要对象-$route。(切记,是$route,而不是$router)$route对象这是一个专门用于记录vue组件参数的对象。例如://router.js{ path:'/main/:id',component:Main }router-link中:&amp;lt;router-link to='/...

Vue项目构建出错

1、问题ChromeDriver installation failed Error with http(s) request: Error: connect ETIMEDOUT 172.217.160.112:4432、解决方案第一步,在命令行中npm install cross-env --save-dev第二步,在进行npm installnpm insta

路由的基本实现——hash路由

问题提出vue、react在路由的实现上,都有基于hash的路由。那么如何使用原生来实现呢?比如类似下面这样的路由:hashchange事件是实现路由的核心hash实现路由的时候,最本质的原理就是hash值的变化,会引发一个hashchange事件,可以根据这个hash值的变化,加载不同的DOM。html:&amp;lt;div class=&quot;box flex-box&quot;&amp

在vue中封装echarts

echarts是什么echarts是一个绘制图表的js库。它的底层是使用canvas实现的。比如下面的这类图表,就是使用echarts实现的。echarts在web网页中的使用和其他的js库一样,echarts在网页中使用的时候,需要使用script引入它的js库。&amp;lt;script src=&quot;echarts.min.js&quot;&amp;gt;&amp;lt;/scrip

#echarts
Vue的Computed中的setter的使用

背景说明vue中的计算属性,是根据数据data的变化,有自动更新属性的效果。但是有时候,我们需要改变计算属性,也就是在计算属性的基础上,给它进行赋值,这个时候,我们就用到了setter。计算属性的getter和setter。通常情况下,一个计算属性,通常默认有getter。基本写法如下:computed: {choicedList: function () {...

Vue初体验(七)使用Vue实现一个简单的聊天框

1、实践是检验真理的唯一标准,现在我们做一个简易的聊天窗口,有一个input框,用于用户输入,一个按钮button,用于把用户的输入提交上去,然后又一个列表ul,用于展示我们每次提交的消息。2、通过简单的分析,我们要思考这么几个问题:第一、数据是怎么展示到界面上去的?我们知道,界面展示的数据我们只能在data中实现。第二、怎么样才能让界面数据动态变化?界面的动态变化在本质上是数据的变化,只有

Vue初体验(三),表达式的使用

1、表达式是使用{{}}双重大括号绑定起来的js代码块,和angular不同的是,在vue中,提供了完全的JavaScript表达式支持。使用方式:在data中申明变量,在{{}}中进行js操纵。最简单的表达式就是文本。&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;tit

#javascript
    共 14 条
  • 1
  • 2
  • 请选择