vuejs笔记之搭建vue脚手架(vue-cli)

vuejs笔记之搭建vue脚手架(vue-cli)

        使用v-cli的优势:成熟的vue项目架构设计、本地测试服务器、集成打包上线方案。        使用v-cli的系统要求:node.js (>=4.x)、Git、一个能使用node的命令行终端。        具体步骤:        1、安装node.js,从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了。安装完成之后,
浏览:1280 分类:Vuejs 标签: vue-cli vuejs
vuejs笔记之自定义指令

vuejs笔记之自定义指令

vuejs自定义指令的局部写法<div id="app"><divv-mvc><p>{{name}}</p><p></p><span></span></div></div>var vm =new Vue({ el:'#app', data:{ name:'qwe' }, directives:{ mvc:{ bind:function(){//当我们绑定
浏览:1046 分类:Vuejs 标签: vuejs 自定义指令 directives
vuejs笔记之父/子组件之间传值($emit/props)

vuejs笔记之父/子组件之间传值($emit/props)

子组件所使用到的数据,必须是一个函数,数据用return返回;<divid="app"><component01></component01></div>Vue.component('component01',{ template:'<h3 @click="doClick">{{name}}</h3>',//子组件所使用到的数据,必须是一个函数,数据用return返回; d
浏览:1528 分类:Vuejs 标签: 组件 vuejs emit props
vuejs笔记之组件写法(全局写法/局部写法)

vuejs笔记之组件写法(全局写法/局部写法)

组件全局的写法:Vue.component()中有2个参数,参数1:组件的名字,参数2:组件的内容;template是定义组件的内容。<divid="app"><child01>11</child01><child02></child02></div>// 参数1:组件的名字,参数2:组件的内容Vue.component('child01',{ template:'<div
浏览:1042 分类:Vuejs 标签: 组件 vuejs
vuejs笔记之表单元素(v-model.修饰符)

vuejs笔记之表单元素(v-model.修饰符)

单选按钮:选中就能获取其对应的value值;<div id="app"><inputtype="radio"value="one"v-model='a' /><inputtype="radio"value="two"v-model='a' /><p>{{ a }}</p></div>var app = new Vue({ el:'#app', data:{ a:''
浏览:1212 分类:Vuejs 标签: v-model vuejs
《Vue.js前端开发+快速入门与专业应用》PDF下载

《Vue.js前端开发+快速入门与专业应用》PDF下载

        《Vue.js 前端开发 快速入门与专业应用》分为10章:简介,基础特性,指令,过滤器,过渡,组件,状态管理,常用插件,工程实例,Weex打包。从简单的单个实例和基础语法,到工程实例,将系统的讲述Vue.js在项目中的适用场景和具体操作。 书的特点在于案例详实,使读者体会到框架的优点和便捷之处,提升开发效率,能将Vue.js运用到实际项目中,避免纸上谈兵的尴尬。
浏览:2579 分类:前端书籍 标签: vuejs
vue笔记之仿购物车案例

vue笔记之仿购物车案例

html代码<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Vue</title><scriptsrc="https://unpkg.com/vue"></script></head><body><divid="app"><divv-if='page=="login"'><h1>登陆</h1>
浏览:935 分类:Vuejs 标签: vue 购物车
Vue.js 教程 - v1.0.pdf下载

Vue.js 教程 - v1.0.pdf下载

        Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架,Vue.js 更容易上手。        Vue
浏览:827 分类:前端书籍 标签: vuejs
vue笔记之v-bind/v-model双向数据绑定

vue笔记之v-bind/v-model双向数据绑定

v-bind:绑定属性,可以绑定标签自身的属性,也可以是自定义属性;格式是v-bind:属性='变量',也可以简写成 :属性='变量'。<divid="app"><av-bind:href='value'v-bind:title='title':author='author'>{{urlName}}</a></div>var app =new Vue({ el:'#app',
浏览:2540 分类:Vuejs 标签: v-bind v-model vue
vue第三方组件收藏集合

vue第三方组件收藏集合

vue-swipe:幻灯片组件,https://github.com/ElemeFE/vue-swipevue-infinite-scroll:无限滚动,https://github.com/ElemeFE/vue-infinite-scrollvue-loadmore:下拉加载和上拉加载,(是一个 component),https://github.com/mint-ui
浏览:1283 分类:Vuejs 标签: vue 组件
vuejs笔记之new Vue({})中的el/data/v-html/v-once介绍

vuejs笔记之new Vue({})中的el/data/v-html/v-once介绍

        尝试 Vue.js 最简单的方法是创建一个 .html 文件,然后通过如下方式引入 Vue:<script src="https://unpkg.com/vue"></script>        Vue本质是构造函数,那么就需要new命令来使用:new Vue({})。html代码<htmllang="en"><head><metacharset="UTF
浏览:1641 分类:Vuejs 标签: vue v-once v-html
Vue.js 前端开发 快速入门与专业应用pdf下载

Vue.js 前端开发 快速入门与专业应用pdf下载

        Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库
浏览:2283 分类:前端书籍 标签: vue vuejs

邮箱快速注册

忘记密码