vue
关注
分享
扫一扫
码龙3
不是码农，而是码龙。不是匠人，独具匠心！
展开
-
Vue组件
为什么使用组件JavaScript能力的复用。Vue.js的组件提高重复性，让代码可以复用。组件的用法组件在使用前先需要注册。注册分为两种方式：全局注册和局部注册。全局注册后，任何vue都可以使用。全局注册代码：Vue.component('my-component',{ template : '<div>这是一个组件</div>'})my...原创 2018-10-12 14:48:22 · 168 阅读 · 0 评论 -
Vue Render函数与Virtual Dom
1. 什么是Virtual DomReact与Vue 2 都是使用是Virtual Dom技术，Virtual Dom技术并不是真正的Dom，而是一个轻量级的JavaScript对象，在状态发生改变的时候，Virtual Dom会进行Diff运算，来更新只需要被替换的Dom，而不是全部重绘。与传统的dom相比来说，Virtual Dom是基于JavaScript计算的，所以开销会很小。...原创 2018-10-24 15:43:33 · 348 阅读 · 0 评论 -
Weex真机调试
手机扫描二维码报network error解决办法1. 在桌面上找到我的电脑图标，右键点击管理，找到设备管理器，点击网络适配器，禁用一个虚拟网卡即可。原创 2018-10-19 15:56:30 · 1524 阅读 · 0 评论 -
利用计算属性、指令等知识开发购物车
经过一番学习vue的基础知识， 利用计算属性、指令等知识开发一个简易的前端小项目，购物车实现效果如下图所示：不多说了 直接展示代码 html文件<!DOCTYPE html><html><head lang="en"><link rel="stylesheet" href="css/shoppingCar.css"/&am原创 2018-10-10 15:15:35 · 368 阅读 · 0 评论 -
Vue v-for嵌套循环
<div v-for="data in list"> <div v-for="detail in data.details"> </div></div>可以使用嵌套，但是有一个条件，details 必须要是list子项里面的一个属性。...原创 2018-10-10 15:03:26 · 4526 阅读 · 0 评论 -
Vue内置指令
1、v-bind：响应并更新DOM特性；例如：v-bind:href v-bind:class v-bind:title 等等主要用法是绑定属性，动态更新HTML元素上的属性； 1 2 3 4 5 6 7 8 9 10 11 <a v-bind:href="url" re...原创 2018-10-09 17:17:18 · 252 阅读 · 0 评论 -
Vue绑定class的几种方式
1. 对象语法<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body> <div id="原创 2018-10-09 11:32:09 · 1052 阅读 · 0 评论 -
Vue组件通讯
1. 自定义事件Vue的子组件用$.emit()来触发事件，父组件用$.on()来监听子组件的的事件<div id="app"> <p>总数{{count}}</p> <my-component @jia='total' @jian='total'></my-component> </div>原创 2018-10-18 13:48:38 · 205 阅读 · 0 评论 -
Vue使用props传递数据
1. Vue使用props传递数据组件不仅仅是用来进行内容的复用，更重要的是组件之间的要进行通信。通常父组件的模板中包含子组件，父组件要正向的向子组件传递数据或参数，子组件接受到后根据参数额不同来渲染不同的内容或执行操作。这个正向传递的过程就是通过props来实现的。在组件中，使用选项props来声明需要从父级接受的数据，props的值可以是两种，一种是数组，一种是对象。数组的方式：p...原创 2018-10-15 14:46:34 · 7316 阅读 · 0 评论 -
使用script或template标签注册组件
1 why为了简化组件的注册，template选项中在拼接HTML比较麻烦，这也导致了HTML和JS的高耦合性。2 how2.1 使用script注册组件<div id="app"> <my-component></my-component> </div> <script src="https://cdn.bootc...原创 2018-10-12 15:19:16 · 718 阅读 · 0 评论 -
Vue组件插件大全
UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美...原创 2018-11-01 11:40:12 · 747 阅读 · 0 评论