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 · 153 阅读 · 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 · 322 阅读 · 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 · 146 阅读 · 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 · 988 阅读 · 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 · 184 阅读 · 0 评论 -
vue官网学习遇到的组件注册不正确问题
在学习vue时没有深入理解vue，所以在写代码时遇到了一个低级的错误，其错误信息报错如下： 以上报错的意思是： todo-test组件没有注册正确 HTML代码： css代码： 解决的方法： 更改vue实例化和组件注册的顺序即可解决 这里的主要问题时对于组件的注册顺序没有考虑好，应该先完成组件的注册后再实例化vue对象 ...原创 2018-12-15 16:52:22 · 1934 阅读 · 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 · 196 阅读 · 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 · 338 阅读 · 0 评论 -
vue电商实战学习笔记（第二章、三章续）
<template> <div> <!--例子1--> <!--{{hello}}--> <!--<p v-html="hello"></p>--> <!--<p v-text="hello">&原创 2018-07-27 22:08:10 · 261 阅读 · 0 评论 -
vue组件通信——子组件传递数据给父组件
上次已经介绍了父组件如何传递数据给子组件，那么，子组件又是如何将数据传递给父组件的呢？ vue中，子组件用$emit()来触发事件，父组件用$on()来监听子组件，也可通过直接在子组件的自定义标签上使用v-on来监听子组件触发的自定义事件。 下面通过一个例子来讲解： <!DOCTYPE html> <html lang="en"> <head> ...原创 2018-07-22 23:01:50 · 242 阅读 · 0 评论 -
vue中的组件知识！！！
组件是什么？有什么作用？ 这几天一直在看《vue.js实战》这本书，一直卡在组件这一章节，的确像作者说的那样，组件是vue.js的核心知识，同时也是最难的地方，从书中暂时只是了解到组件可以实现模板的复用，但是具体的用处还不是很理解。 今天终于看懂了一些知识，先记下来！！！ 在vue中声明的组件，需要注册才能被使用，在vue中组件有两种注册方式，分为全局注册和局部注册。 那么，全局注册和局部...原创 2018-07-22 17:59:40 · 524 阅读 · 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 · 261 阅读 · 0 评论 -
vue电商实战笔记(第一章）
最近看vue老是断断续续，对vue的理解也不是很懂，觉得很乱，还是照着作者一步步把前端vue电商实战项目一步步记录下来，以备自己忘记时查看吧！前端路漫漫，继续加油，我很慢，但希望还能坚持！！！ 1.vue有什么特点： 2.本次项目知识讲解： 相关学习资料： Vue.js学习资源： 1.vue.js中文官网：http://cn.vue.js.org 2.vue.js...原创 2018-07-26 21:35:36 · 971 阅读 · 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 · 702 阅读 · 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 · 219 阅读 · 0 评论 -
vue电商实战学习笔记（一）
由于最近开始实习，需要用到vue，所以开始学习vue的相关知识 首先开始实例化一个vue项目，当然在此之前你要安装一些东西才能实例化一个vue项目，这个就不讲了。 通过"vue init <模板名称> <项目名称>"来初始化，比如我的是: vue init webpack vuetest 然后就需要填入一些信息，这个按照自己的需要填写，然后就会取拉扯一个vue项目...原创 2018-07-20 09:39:21 · 2476 阅读 · 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 · 360 阅读 · 0 评论