YYxiaobao0726的博客

本人因参加一个Web比赛，所以使用到了vue这种前段开发技术，下面简单讲解一下vue的开发环境。必须要安装nodejs（在此不做详细讲解，路径等问题解决了一天，，，，，某些环境还是占用我的c盘，很是苦恼，但是这个问题不大，今后会解决）安装好之后要在windows终端里检查一下是否安装成功。语法为 node -v搭建vue的开发环境，安装vue的脚手架工具在windows终端里：n...

路由的嵌套在我的理解看来就是一个父路由里包含一个子路由，实现其实很简单，重要的代码也就只有几行。下面我做的这个小例子就很容易理解。点击“用户”跳转到上面第一个页面，点击“增加用户”跳转到上面第二个页面。（在跳转到第二个页面的时候，其余内容均保持不变）...

下面我做一个小例子将Vue路由和请求数据结合在一起。先来看页面呈现的效果：点击 “Go to News” 跳转到 新闻列表界面 (api接口已有)点击任意一条新闻 跳转到其新闻详细 (api接口已有)1.那么接下来，我们先定义一个News组件News.vue<template> <!-- 所有的内容要被根节点包含起来--&amp

1.动态路由传值在我这个项目里要实现的是从 News.vue 跳转到Content.vueNews.vue<template> <!-- 所有的内容要被根节点包含起来--> <div id="news"> 我是一个新闻组件 <br> <ul> <li v-for=&quo

所谓的router就是动态的往根里面挂载组件，而不是手动挂载。vue路由配置的步骤：https://router.vuejs.org/1.安装 npm install vue-router --save / cnpm install vue-router --save2、引入并 Vue.use(VueRouter) (main.js) import VueRout...

Vue中非父子组件的传值在这里我给出四步，步骤如下：1.新建一个js文件—>然后引入vue—>实例化vue—>暴露这个实例VueEvent.jsimport Vue from 'vue'var VueEvent = new Vue();export default VueEvent;2.在要广播的地方引入刚才定义的实例Home.vue&am

父组件是如何给子组件传值呢？我总结了一下大体的方法，如下：父组件调用子组件的时候 绑定动态属性<v-header :title="title"></v-header> <!-- 此为父组件中的代码-->在子组件里面通过 props接收父组件传过来

Vue axios请求数据与vue-resource请求数据有所不同步骤如下：1.安装 npm install axios --save / npm install --save axios2、哪里用哪里引入axios (与vue-resource有所不同,vue_resource在main.js 中引入便可以全局使用)<template> <!-- ..

最近在学习vue请求数据时，报了这样一个错误。    和同学探讨再加上百度之后，找到了解决的办法：    其实报这个错误就是因为没有安装依赖关系，安装以下依赖就可以了。在vue-cli中默认没有scss-loader,scss-loader又需要node-sass，只安装scss-loade

使用vue-resource请求数据的步骤需要安装vue-resource模块， 注意加上 --savenpm install vue-resource --save / cnpm install vue-resource --save安装好之后，在package.json 中检查一下：看到vue-resource就可以了在main.js引入 vue-resource...

个人感觉生命周期函数用到的地方并不是很多，这是我学习时敲的一些代码，详情用法可参照官方文档。App.vue<template> <div id="app"> <v-home></v-home> <!-- 使用Home组件--&gt

怎样在Vue中定义组件并使用它？其实很简单！在看懂我接下来的代码之前需要先把下面这幅图看懂 ！图应该很好理解，App.vue是一个根组件。此根组件包含一个首页组件和一个新闻组件，首页组件和新闻组件同时又包含头部组件。那么代码开始了。App.vue（根组件）<template> <div id="app"> <v-home&a

版本01<template><!-- vue 的模板里面，所有的内容要被一个根节点包含起来--> <div id="app"

下面，我练习的这串代码中对理解Vue事件、定义/执行方法、获取/改变数据，和执行方法传值以及事件对象，有一定的帮助。<template><!-- vue 的模板里面，所有的内容要被一个根节点包含起来--> <div id="app"> <h3>{{msg}}&am

Vue 及双向数据绑定 Vue事件介绍 以及Vue中的ref获取dom节点这是所有的代码，注释做的都很详细<template><!-- vue 的模板里面，所有的内容要被一个根节点包含起来--> <div id="app"> &am

今天在vue的学习中遇到这样一个很奇怪的问题: img的src属性绑定url变量,然而图片却加载失败。正叙其正确的语法格式一般都不会写错，正确的写法应该使用v-bind:<img v-bind:src="url"/><!-- 绑定了业务逻辑(script)层里的url--&am

vue是如何绑定属性和class以及style的下面我将会插入一段代码，本人在代码里做了相当详细的注释。<template><!-- vue 的模板里面，所有的内容要被一个根节点包含起来--> <div id="app"> &amp

vue的目录大致如下：目录解析目录文件项目说明build项目构建(webpack)相关代码config配置目录，包括端口号等。我们初学可以使用默认的。node_modulesnpm 加载的项目所依赖的模块src这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： assets: 静态资源文件，放置一些图片，如log...

    最近跟着视频在做一个vue的小项目，其中的路由跳转跟我之前学习的router跳转有所不同。此方法简洁明了，所以想把记下来，方便以后的学习。    之前学习的router跳转都是在main.js中配置的...