vue
关注
分享
扫一扫
归零-li
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue-cli脚手架的使用
一、vue-cli是vue的一个脚手架，通过再控制台中输入npm install vue-cli -g对vue-cli进行全局安装，一般由于使用npm会比较慢，所以常使用的是cnpm命令：cnpm install vue-cli -g以下是安装过程的截图：接着通过下列语句来初始化先进入项目目录，接着输入npm run dev：在这里我遇到了一个问题，这里已经显示成功了，但是浏览器没有自动开启页面，...原创 2018-06-03 21:32:39 · 172 阅读 · 0 评论 -
vue-resource结合vue-router实现的例子
main.js文件：// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.import Vue from 'vue'import App from './App'// ...转载 2019-01-10 21:56:13 · 336 阅读 · 0 评论 -
vue中非父子组件的传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue中非父子组件的传值(bus/总线/发布订阅模式/观察者模式)</title> <script src="vue.js&qu原创 2018-12-20 22:59:49 · 159 阅读 · 0 评论 -
vue绑定原生事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue不使用绑定原生事件</title> <script src="vue.js"></s原创 2018-12-20 22:12:33 · 1002 阅读 · 0 评论 -
4.3vue组件参数校验与非props特性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件参数校验与非props特性</title> <script src="vue.js"><原创 2018-12-20 21:53:19 · 191 阅读 · 0 评论 -
vue官网学习遇到的组件注册不正确问题
在学习vue时没有深入理解vue，所以在写代码时遇到了一个低级的错误，其错误信息报错如下：以上报错的意思是：todo-test组件没有注册正确HTML代码：css代码：解决的方法：更改vue实例化和组件注册的顺序即可解决这里的主要问题时对于组件的注册顺序没有考虑好，应该先完成组件的注册后再实例化vue对象...原创 2018-12-15 16:52:22 · 1959 阅读 · 0 评论 -
vue中父子组件通信的实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue父子组件传值</title> <script src="vue.js"></scri原创 2018-12-20 21:30:36 · 210 阅读 · 0 评论 -
vue电商实战笔记（第四、五章）
有个比较好的使用工具：https://mobaxterm.mobatek.net/动画部分：animate.vue文件：<template> <div> <button v-on:click="show=!show"> toggle </button> <div class="ab"&a原创 2018-07-28 13:00:47 · 349 阅读 · 0 评论 -
vue电商实战学习笔记（第二章、三章续）
<template> <div> <!--例子1--> <!--{{hello}}--> <!--<p v-html="hello"></p>--> <!--<p v-text="hello">&原创 2018-07-27 22:08:10 · 279 阅读 · 0 评论 -
vue组件通信——子组件传递数据给父组件
上次已经介绍了父组件如何传递数据给子组件，那么，子组件又是如何将数据传递给父组件的呢？vue中，子组件用$emit()来触发事件，父组件用$on()来监听子组件，也可通过直接在子组件的自定义标签上使用v-on来监听子组件触发的自定义事件。下面通过一个例子来讲解：<!DOCTYPE html><html lang="en"><head> ...原创 2018-07-22 23:01:50 · 253 阅读 · 0 评论 -
vue中的组件知识！！！
组件是什么？有什么作用？这几天一直在看《vue.js实战》这本书，一直卡在组件这一章节，的确像作者说的那样，组件是vue.js的核心知识，同时也是最难的地方，从书中暂时只是了解到组件可以实现模板的复用，但是具体的用处还不是很理解。今天终于看懂了一些知识，先记下来！！！在vue中声明的组件，需要注册才能被使用，在vue中组件有两种注册方式，分为全局注册和局部注册。那么，全局注册和局部...原创 2018-07-22 17:59:40 · 549 阅读 · 0 评论 -
vue电商实战笔记（第二章和第三章的内容）
1.vue需要掌握的大体知识： 2.vue实例的示意图：3.以下是直接在vue-cli脚手架上直接改动的内容：main.js文件：// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base....原创 2018-07-27 22:02:09 · 271 阅读 · 0 评论 -
vue电商实战笔记(第一章）
最近看vue老是断断续续，对vue的理解也不是很懂，觉得很乱，还是照着作者一步步把前端vue电商实战项目一步步记录下来，以备自己忘记时查看吧！前端路漫漫，继续加油，我很慢，但希望还能坚持！！！1.vue有什么特点：2.本次项目知识讲解：相关学习资料：Vue.js学习资源：1.vue.js中文官网：http://cn.vue.js.org2.vue.js...原创 2018-07-26 21:35:36 · 985 阅读 · 0 评论 -
vue电商实战笔记（第六章）
1-2节，首先实现各各面的划分，使用vue-cli脚手架搭建一个vue项目，通过组件抽取来规划各部分3节引入插件vue-resource来发送ajax请求，引入vue-resource的步骤：先通过npm install vue-resource来安装vue-resource，然后将vue-resource引入该项目。引入的方法（这里洁简了项目中引入路由的方法）：在src目录下新建...原创 2018-07-29 15:09:10 · 722 阅读 · 0 评论 -
vue电商实战笔记（第五章）
App.vue文件：<template> <div id="app"> <img src="./assets/logo.png"> <router-view/> <!--加入tag="li"意思是渲染为li标签--> <router-link :to=&q原创 2018-07-28 16:23:46 · 228 阅读 · 0 评论 -
vue电商实战学习笔记（一）
由于最近开始实习，需要用到vue，所以开始学习vue的相关知识首先开始实例化一个vue项目，当然在此之前你要安装一些东西才能实例化一个vue项目，这个就不讲了。通过"vue init <模板名称> <项目名称>"来初始化，比如我的是:vue init webpack vuetest然后就需要填入一些信息，这个按照自己的需要填写，然后就会取拉扯一个vue项目...原创 2018-07-20 09:39:21 · 2494 阅读 · 0 评论 -
vue-resource和axios的使用
vue-resource的使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/n...原创 2019-06-02 21:28:35 · 372 阅读 · 0 评论