wuxiaowu123的博客

vue开发环境还是略微复杂的，首先是安装环境，方法就不赘述了，网上方法特别多，不多做赘述，比着安就完了，那么都有哪些必须安的呢？1.node.js，官方要求8.9版本以上（毕竟vue才出现几年，版本低了那时候还没有vue）2.npm，npm会随着node.js一起安装3.cnpm这些都安装好了，环境也就配置的差不多了，然后你需要什么呢？官方脚手架生成器cli，因为vue开发框架需要...

饿了么使用的是vue编写的，因此饿了么提供了一套vueui的第三方库，网址为：饿了么UI您的外卖专家哈注意一点，一般不会使用太多的功能，安装饿了么第三方插件时使用按需引入，减小项目体积，提高项目性能具体使用方法去看文档，哈哈，没时间写，皮一下->_<-另外，修改babeIrc文件时不要替换，整合两个配置，否则会报错{ "presets":[ ...

之前在路由配置时，在路由表对象中，name对象一直没有使用。而name对象就是路由的别名，访问时通过路由名称来访问更为合理，因为只有这样才能实现动态路由，而不是原来的在浏览器导航改参数，这里在路由跳转时使用<router-link :to="{ name:'name',params:{can:can}">来实现跳转以及传参，切记to前要加：因为是动态的需要读取数据，相当于v-bind，...

路由嵌套在路由配置里面对应嵌套的路由地下添加children数组，在数组里面添加嵌套的对象，此时路径path不用添加上一级的路径以及'/'直接加入路径既可：path:'bases',然后在对应的组件里添加跳转<router-link>，以及显示<router-view/>，来完成跳转显示，示例，在learn组件路由下嵌套base，//路由配置import ...

创建一个新的项目，依然先不要装路由，自己来装，初始化项目之后，在项目根目录执行：cnpm install vue-router --save在项目中安装路由。然后在main.js文件中引入安装的路由才能使用，固定格式import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)这样路由的环...

知识点一：过滤器与data同级，使用filters对象来写过滤器函数，在原文内容中用管道符" |"引入过滤函数，打个比方：佩奇是猪，猪猪侠也是猪，我们想在输出的时候注明它们是猪，除了直接写还有什么办法呢？当然是过滤器啦@_@，哈哈，来示例：//页面代码<template> <div class=""> <template v-for="na...

知识点一：过渡<transition><transition>是一个只能包裹一个元素的标签，删除或插入该元素时，将会触发绑定的效果，因此里面的元素需要v-if或v-show决定要不要显示，在<transition>标签里需要name属性来绑定效果，而过程包括v-enter，v-enter-active，v-enter-to，v-leave，v-leave-a...

知识点一：vue操作Dom底层元素ref当我们需要操作Dom底层元素的时候需要使用元素属性ref为元素起一个别名，然后在vuejs层的生命周期属性（mounted（））中通过this.$refs.别名 来拿到元素，然后就可以操作元素，示例：//元素代码<p ref="p1">111</p>//js层mounted(){ this.$refs....

继续昨天的学习过程，今天我们继续学习vue基础：知识点一：watch 监听watch的功能是实时监听数据变化，在数据发生变化的时候，响应相应的事件。也可以理解为异步响应，大致相当于ajax，但没有ajax强大，例如我们在输入内容时期望遇到某个内容便响应一个事件，就可以使用watch,我们来个实例//页面层 <div> <input type="text...

之前接触过一点微信小程序，虽然都是简单的知识，多少也接触过，由于微信小程序模仿的vue，所以一些比较熟悉的·基础知识点都过的比较快。那么，第一天我都学了什么呢？vue里面的指令都是以v-开头的，内容过于简单，不喜勿碰知识点一：数据绑定vue是一个基于数据的动态框架，页面会随着数据变化而变化，那么问题来了，怎麽绑定呢？在前端使用 {{ 变量 }}来引入数据，vue在js层会有很多属性，其...

由于这是昨天遇到的问题，具体报的错怎麽提示的忘了，大体意思就是标题中的错，在其他浏览器都正常访问，而且在这之前正常的项目也无法用google浏览器访问了，都是报这个错，那么怎麽解决呢？在网上查了好多，都没能解决这个问题，网上大多是引入式的单页面vue解决方案，对我也没用，我用的是vue框架，最终怎麽解决的呢？打开google浏览器的设置->高级设置->清除浏览数据，重新打开go...