vue
Queen_zdd
越努力,越幸运。
展开
-
Vue动态组件小例子
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/vue1.0.js"></script></head><body><body><div id="example"> <input type="button" value="原创 2017-10-28 09:39:03 · 683 阅读 · 0 评论 -
vue通过URL传递参数
用参数前加:来传递 1**.绑定参数**:在router>index.js来配置路由 比如说我们传递两个值newId和newTitle(配置文件里以:冒号的形式传递参数,这就是对参数的绑定). 2**传递参数的值**:在APP.vue中设置——此时newId的值为12/newTitle的值如图3.获取参数值:首先我们得在components下面建一个params.vue组件:参数的获取是用{{原创 2018-04-23 19:53:43 · 23058 阅读 · 0 评论 -
vue-cli文件用途
vue-cli是vue的一个脚手架工具,主要作用:目录结构、本地调试、代码部署、热加载、单元测试当vue-cli安装完成之后,你的项目中会出现如下的目录原创 2018-04-23 14:57:29 · 1302 阅读 · 0 评论 -
清晰了解MVC/MVP/MVVM三种模式
首先先来了解这三种模式的出现:MVC, MVP和MVVM都是用来解决界面呈现和逻辑代码分离而出现的模式。1.MVC——model view controllermvc是应用最广泛的软件架构之一,它的出现主要是基于分层的目的,让彼此的职责分隔开。他们之间的通信方式如下图: 图一.MVC通信方式一解析图一:view一般都是通过co...原创 2018-04-13 10:49:56 · 606 阅读 · 0 评论 -
Vue组件之间的三种数据传递方式
Vue组件之间有三种数据传递方式:Vue 的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。1.props:子组件的模板内并不能直接使用父组件的数据,所以子组件需要用props选项来获取父组件的数据。1.动态语法:用v-bind将动态props绑定到父组件的数据,父组件的数据发生改变,子组件也会随之改变<div id="app"...原创 2018-04-15 19:38:53 · 6339 阅读 · 0 评论 -
vue---- I Your application is running here:
vue项目搭建npm run dev 出现的问题 出现 I Your application is running here: http://localhost:8083 这句话的意思是你的程序在8083端口运行。 解决办法:目录中config下的index.js修改如下: 将autoOpenBrowser:false ;改为true 意思是是否默认打开浏览器改为是。就好了原创 2018-03-07 16:08:48 · 10581 阅读 · 3 评论 -
vue-router路由
vue-router功能了解:vue-router是Vue.js官方的路由插件,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。接下来会根据一个简单的例子来介绍路由实现的效果。 首先你需要了解v-cli(上一篇博原创 2017-11-12 14:30:32 · 268 阅读 · 0 评论 -
vue-cli端口占用
当运行代码时出现如下图报错: 根据报错信息可以看出是端口被占用。 解决办法:如下图: 在已生成的文件中找到config–>index.js修改port原创 2017-11-12 11:58:47 · 1327 阅读 · 0 评论 -
搭建vue-cli脚手架
1.搭建环境前期工作准备:1.首先需要安装node.js,可以从官网下载。这里给大家一个Windows64位安装包下载地址:https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi。 下载完成后检查Node.js版本:在命令行输入node –version可以查看到当前版本。2.安装淘宝镜像,因为我们用的npm的服务器是外国,有的时候我们安装“依赖”的时原创 2017-11-10 21:56:14 · 298 阅读 · 0 评论 -
vue-loader配置
本文以一个例子来完成vue-loader的配置1.首先构建项目目录为: 2.使用Git Bash Here从当前vue-loader文件夹打开,出现如下图:3.如果没有安装淘宝npm镜像,可以先输入npm install -g cnpm –registry=https://registry.npm.taobao.org,接着输入cnpm -v查看是否安装完成,然后就可以使用cnpm来代替npm原创 2017-11-06 20:09:44 · 2934 阅读 · 0 评论 -
vue参数传递
第一种方法: 1.在路由中设置name值来传递,此时name的值为HelloWorld 2.我们可以在当前组件中获取name的值:{{$route.name}} 例子中的当前组件就是HelloWorld.vue 3.最后就可以在页面上得到name的值第二种方法: 1. 第一...原创 2018-04-23 20:17:00 · 474 阅读 · 0 评论